A UI component library based on React Native (Android & iOS).
快速上手 | 参与组件开发 | 参与文档/网站编辑开发 | 组件库
您可以使用我们制定的模版(@uiw/react-native-template)创建一个新项目:
# 此模板默认集成了一些必用的依赖,如路由,组件库等 npx react-native init AwesomeProject --template @uiw/react-native-templateyarn add @uiw/react-native react-native-svg@13.9.0 react-native-root-siblings@4.1.1 react-native-gesture-handler@2.8.0项目App.tsx文件配置
//...其他import import { ThemeProvider } from '@uiw/react-native'; const App = () => { return <ThemeProvider>{/** 其他Provider */}</ThemeProvider>; }; export default App;import React from 'react'; import { View } from 'react-native'; import { Icon } from '@uiw/react-native' export default class Demo extends React.Component { render() { return ( <View> <Icon name='apple' size={46} color='#50CB42' /> </View> ) } }# Install current dependencies, and dependencies in sub-packages yarn install yarn run build # Compile packageReal-time monitoring of package and document website local preview
# Step 1 yarn run lib:watch # Compile and output JS file # Step 2 yarn run lib:watch:type # Output type file d.ts # Step 3 yarn run start # Run the preview document website locally第一步安装文档包和预览工具
npm install @uiw/react-native-doc @kkt/doc -D # yarn add @uiw/react-native-doc @kkt/doc -D第二步配置命令
在package.json文件中配置命令
// ... "scripts":{ "doc":"kktd @uiw/react-native-doc/doc/build" }Licensed under the MIT License.