Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A UI component library based on React Native (Android & iOS).

License

NotificationsYou must be signed in to change notification settings

uiwjs/react-native-uiw

Repository files navigation


React Native UIW

A UI component library based on React Native (Android & iOS).

快速上手 |参与组件开发 |参与文档/网站编辑开发 |组件库

您可以使用我们制定的模版(@uiw/react-native-template)创建一个新项目:

# 此模板默认集成了一些必用的依赖,如路由,组件库等npx react-native init AwesomeProject --template @uiw/react-native-template

Install

yarn add @uiw/react-native react-native-svg@13.9.0 react-native-root-siblings@4.1.1  react-native-gesture-handler@2.8.0

Theme Configuration

项目App.tsx文件配置

//...其他importimport{ThemeProvider}from'@uiw/react-native';constApp=()=>{return<ThemeProvider>{/** 其他Provider */}</ThemeProvider>;};exportdefaultApp;

Basic Usage

importReactfrom'react';import{View}from'react-native';import{Icon}from'@uiw/react-native'exportdefaultclassDemoextendsReact.Component{render(){return(<View><Iconname='apple'size={46}color='#50CB42'/></View>)}}

Other

Development

# Install current dependencies, and dependencies in sub-packagesyarn installyarn run build# Compile package

Real-time monitoring of package and document website local preview

# Step 1yarn run lib:watch# Compile and output JS file# Step 2yarn run lib:watch:type# Output type file d.ts# Step 3yarn 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"  }

License

Licensed under the MIT License.


[8]ページ先頭

©2009-2025 Movatter.jp