# juiapp

**Repository Path**: NativeBase/juiapp

## Basic Information

- **Project Name**: juiapp
- **Description**: 一个react native UI 框架
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://rn.jiaoxiaoyuan.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-22
- **Last Updated**: 2025-08-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# juiapp

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

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


#### 软件架构
软件架构说明


#### 安装教程
请参照文档，http://rn.jiaoxiaoyuan.cn

### 通过 npm 安装

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

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

```bash
## 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
```

## 引入组件

### 使用组件

```tsx | pure
import React from 'react'
import { Provider, Button } from 'juiapp'

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

## 文件夹约定

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


## 列出全局安装的包

```bash
yarn global list
```

## 列出全局安装的包

```bash
yarn global add <package-name>
```

## 删除全局安装的包

```bash
yarn global remove <package-name>
```

## 更新全局安装的包

```bash
yarn global upgrade <package-name>
```


## 
```bash
npm publish --access public
```