juiapp

安装版本：请优先安装 0.x.x 版本，0.0.x--beta.x 版本，可能存在不稳定性

介绍

一个react native UI 框架, 包含常用的组件, 样式, 主题等

软件架构

软件架构说明

安装教程

请参照文档，http://rn.jiaoxiaoyuan.cn

通过 npm 安装

可以通过 npm 或 yarn 进行安装。

推荐使用 yarn，npm 可能造成项目中存在多个版本 react native，引入 UI框架 代码后红屏。

## npm
npm i juiapp

## yarn
yarn add juiapp

## 额外依赖
## react-native-svg@^12.4.1 结合项目的 React Native 选择一个合适的版本
yarn add react-native-safe-area-context react-native-svg rc-field-form

## ios 依赖
cd ios && pod install

引入组件

使用组件

import React from 'react'
import { Provider, Button } from 'juiapp'

const App: React.FC = () => {
  return (
    <Provider>
      <Button text="普通按钮" type="primary" />
    </Provider>
  )
}

文件夹约定

| -- button |
| --------- |__fixtures__
| --------- basic.tsx  ## App 预览的统一入口 |
| --------- base.tsx  ## 按钮 size 属性的演示代码
| --------- button.tsx  ## 组件实现代码 |
| --------- index.ts  ## 统一导出
| --------- index.md  ## 在线文档入口页面 |
| --------- interface.ts  ## 组件对外的接口
|---------  style.ts  ## 组件样式文件

列出全局安装的包

yarn global list

列出全局安装的包

yarn global add <package-name>

删除全局安装的包

yarn global remove <package-name>

更新全局安装的包

yarn global upgrade <package-name>

npm publish --access public