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 | 文档 | |
button | 文档 | |
carousel | 文档 | |
checkbox | 文档 | |
deck-swiper | 文档 | |
divider | 文档 | |
icon | 文档 | |
progress | 文档 | |
radio | 文档 | |
rating | 文档 | |
scroll-picker | 文档 | |
skeleton | 文档 | |
slider | 文档 | |
spin | 文档 | |
swipe-out | 文档 | |
switch | 文档 | |
tag | 文档 | |
text | 文档 | |
tooltip | 文档 |
问: 如果你遇到诸如No component found for view with name "ARTXXX"
之类的报错,那是因为你的项目还没有集成ART
模块。
答: 你需要:
- 使用Xcode打开项目下的ios工程,
Libraries
->Add Files to
->node_modules/react-native/Libraries/ART/ART.xcodeproj
。 - 点击项目根目录,找到
Linked Frameworks and Libraries
,点击+
选择libART.a
,然后重新编译工程。 - 重新编译完成后,重新运行命令
react-native run-ios/android
,重启项目。