前言
React Native 是一款非常受欢迎的跨平台移动应用开发框架。使用 React Native，可以使用 JavaScript 编写高性能的原生应用程序。React Native 可以帮助开发人员快速构建工业级应用程序。React Native UI Common 包是一款为 React Native App 提供公共 UI 组件的 npm 包。
在本文中，我们将介绍 React Native UI Common 包的使用方法以及示例代码。
安装
使用 NPM 安装 react-native-ui-common：
$ npm install react-native-ui-common
UI 组件
以下是 React Native UI Common 包中提供的一些常见 UI 组件的介绍。
1. Button
Button 是一个常用的 UI 组件，它可以用于触发一个自定义的操作。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ------ - ---- -------------------------
----- -------- - -- -- -
------ -
------
------- ------------ --- ----------- -- ------------- ---------- --
-------
--
--2. Input
Input 是一个可以用于输入文本的组件，非常适合用于表单填写场景。
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ---- - ---- ---------------
------ - ----- - ---- -------------------------
----- ------- - -- -- -
----- ------ -------- - -------------
------ -
------
------
------------------ -----
------------
-------------------- -- --------------
--
-------
--
--3. Image
Image 组件可以用于在应用中显示图片。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ----- - ---- -------------------------
----- ------- - -- -- -
------ -
------
------ --------- ---- ----------------------------- -- --
-------
--
--完整示例代码
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ---- - ---- ---------------
------ - ------- ------ ----- - ---- -------------------------
----- -------- - -- -- -
------ -
------
------- ------------ --- ----------- -- ------------- ---------- --
-------
--
--
----- ------- - -- -- -
----- ------ -------- - -------------
------ -
------
------
------------------ -----
------------
-------------------- -- --------------
--
-------
--
--
----- ------- - -- -- -
------ -
------
------ --------- ---- ----------------------------- -- --
-------
--
--
----- ----- - -- -- -
------ -
------
--------- --
-------- --
-------- --
-------
--
--结论
React Native UI Common 包使 React Native 应用程序的构建变得更加容易。本文介绍了它的使用方法以及示例代码，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005554481e8991b448d278f