Expo项目使用Native base UI库

最新推荐文章于 2024-08-07 11:36:36 发布

徐同保

最新推荐文章于 2024-08-07 11:36:36 发布

阅读量525

点赞数

分类专栏： web前端文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/xutongbao/article/details/132257538

版权

web前端专栏收录该内容

735 篇文章 15 订阅

订阅专栏

本文介绍了如何在ReactNative项目中通过`yarnaddnative-base`和`expoinstallreact-native-svg`引入NativeBase库，并展示了如何在`Home`组件中使用NativeBase的Button和Box组件。

摘要由CSDN通过智能技术生成

装包：

yarn add native-base

expo install react-native-svg@12.1.1

Index.js:

import React from 'react'
import { View, Text } from 'react-native'
import useList from './useList'
import { NativeBaseProvider, Button, Box } from 'native-base'
import styles from './styles'

export default function Home(props) {
  const { title } = useList(props)

  return (
    <View style={styles.mMeTabsWrap}>
      <Text>123</Text>
      <NativeBaseProvider>
        <Button onPress={() => console.log('hello world')}>Click Me</Button>
        <Box>Hello world</Box>
      </NativeBaseProvider>
    </View>
  )
}