rn_component 是一个 React Native 组件库，提供了一些常用组件，例如 Button、Input 等。通过使用该组件库，我们可以在开发 React Native 应用时快速搭建 UI 界面，提高开发效率。
安装
我们可以通过 npm 或 yarn 进行安装：
$ npm install rn_component --save # 或 $ yarn add rn_component
在项目中导入该组件库：
import { Button } from 'rn_component';使用
Button
Button 是一个常用组件，我们可以使用它来创建按钮。
import { Button } from 'rn_component';
//...
<Button
title="提交"
onPress={() => alert("点击了提交按钮")}
/>Input
Input 是一个用于文本输入的组件。
import { Input } from 'rn_component';
//...
<Input placeholder="请输入用户名"/>更多组件
rn_component 还提供了一些其他的组件，例如 CheckBox、Image 等，在项目中同样可以进行导入并使用。详细的组件列表请参考组件库文档。
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ------- ----- - ---- ---------------
------ ------- -------- ----- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
------ -------- ------------- -- -- ----------------------
------ -------- ------------- -- -- ------------------- ------------------------
------- ---------- ----------- -- -------------------
-------
--
-总结
通过使用 rn_component，我们可以快速构建 React Native 应用的 UI 界面，提高开发效率。同时，本文也介绍了组件库中常用的 Button 和 Input 组件的使用方法，并提供了示例代码供读者参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cda81e8991b448e687b