Skip to content

Latest commit

 

History

History
117 lines (87 loc) · 7.43 KB

README.zh-CN.md

File metadata and controls

117 lines (87 loc) · 7.43 KB

rn-components-kit

English | 中文

常用React Native组件库。

快速上手

安装

你可以通过下面的命令安装rn-components-kit:

npm install rn-components-kit --save
import React from 'react';
import {Badge} from ' @rn-components-kit/badge';

const TestComponent = () => <Badge/>;

按需加载

上述的方法将会把所有的组件打入进bundle内,即使你没有用到所有的组件。如果你想减少包大小,你可以这样引入:

npm install @rn-components-kit/badge --save
import React from 'react';
import {Badge} from ' @rn-components-kit/badge';

const TestComponent = () => <Badge/>;

事实上,我们也推荐你使用这种方式引入组件。

运行示例

我们创建了一个app专门用来演示每个组件的使用方法以及运行效果,你可以点击这里查看示例代码。如果你想运行这个例子,你需要先下载本仓库到本地。

git clone https://github.com/SmallStoneSK/rn-components-kit.git

npm install

# for iOS
react-native run-ios

# for android
react-native run-android

以下是app运行示例的截图

组件库

组件 链接 版本
badge 文档 NPM version
button 文档 NPM version
carousel 文档 NPM version
checkbox 文档 NPM version
deck-swiper 文档 NPM version
divider 文档 NPM version
icon 文档 NPM version
progress 文档 NPM version
radio 文档 NPM version
rating 文档 NPM version
scroll-picker 文档 NPM version
skeleton 文档 NPM version
slider 文档 NPM version
spin 文档 NPM version
swipe-out 文档 NPM version
switch 文档 NPM version
tag 文档 NPM version
text 文档 NPM version
tooltip 文档 NPM version

常见问题

问: 如果你遇到诸如No component found for view with name "ARTXXX"之类的报错,那是因为你的项目还没有集成ART模块。

答: 你需要:

  1. 使用Xcode打开项目下的ios工程,Libraries -> Add Files to -> node_modules/react-native/Libraries/ART/ART.xcodeproj
  2. 点击项目根目录,找到Linked Frameworks and Libraries,点击+选择libART.a,然后重新编译工程。
  3. 重新编译完成后,重新运行命令react-native run-ios/android,重启项目。

License

MIT LICENSE