JSPM – @uiw/react-native@4.1.1

Package Exports

@uiw/react-native
@uiw/react-native/lib/Button
@uiw/react-native/lib/Button/index.js
@uiw/react-native/lib/Spacing
@uiw/react-native/lib/Spacing/index.js
@uiw/react-native/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@uiw/react-native) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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文件配置

//...其他import
import { ThemeProvider } from '@uiw/react-native';

const App = () => {
  return <ThemeProvider>{/** 其他Provider */}</ThemeProvider>;
};

export default App;

Basic Usage

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>
    )
  }
}

Other

Development

# Install current dependencies, and dependencies in sub-packages
yarn install
yarn run build # Compile package

Real-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⌚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"
  }

License

Licensed under the MIT License.