React Native 提供了一种现代化的 UI 构建方式，但是仍然有一些 UI 组件是缺失的。在这种情况下，我们可以使用第三方库来满足需求。react-native-view 便是这样一个 npm 包，它提供了一些常用的 UI 组件。
安装
你可以通过以下命令来安装 react-native-view：
--- ------- -----------------
或者使用 yarn：
---- --- -----------------
使用
Text
使用 Text 组件来展示文本。
------ ----- ---- --------
------ - ---- - ---- --------------------
------ ------- -------- ----- -
------ -
----- -------- --------- -- --------- -------------
--
-Input
使用 Input 组件来获取用户输入。
------ ------ - -------- - ---- --------
------ - ----- - ---- --------------------
------ ------- -------- ----- -
----- ------ -------- - -------------
------ -
------
------------
----------------------
----------------- --------
-------- ------- -- --
--
--
-Button
使用 Button 组件来触发事件。
------ ----- ---- --------
------ - ------ - ---- --------------------
------ ------- -------- ----- -
----- ------- - -- -- -
------------------- -----------
--
------ -
-------
-----------------
------------ ---
--
--
-Image
使用 Image 组件来展示图片。
------ ----- ---- --------
------ - ----- - ---- --------------------
------ ------- -------- ----- -
------ -
------
--------- ---- --------------------------- --
-------- ------ ---- ------- --- --
--
--
-除了以上几个组件之外，react-native-view 还提供了其他一些组件，可以参考官方文档了解更多。使用这些组件并不难，它们直接继承了 React Native 的原生组件，可以直接在你的应用中使用。
总结
通过使用 react-native-view，我们可以快速地在 React Native 应用中添加一些常用的 UI 组件。虽然这些组件可能不如你从头开始写组件那么灵活，但是它们提供了快速实现某些常见需求的途径。在使用之前，一定要仔细阅读官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562de81e8991b448e0576