简介
@blueeast/bluerain-plugin-react-native-paper 是一个用于 React Native 开发的 UI 组件库，该包基于 react-native-paper 开发，与之不同的是，这个包添加了一些定制的属性和组件，减少了一些复杂性，更适合开发从 Bluerain 框架中生成的应用程序。
安装
可以通过 npm 或 yarn 安装：
--- ------- --------------------------------------------
或者
---- --- --------------------------------------------
使用
在使用 @blueeast/bluerain-plugin-react-native-paper 之前，需要先在 React Native 项目中安装 react-native-paper 包。
--- ------- ------------------
或者
---- --- ------------------
接着，需要在项目中引入 @blueeast/bluerain-plugin-react-native-paper 的组件。
------ - ------- ------- --------- - ---- -----------------------------------------------
现在，你可以使用这些组件了。这里是一些示例代码：
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ------- ------- --------- - ---- -----------------------------------------------
----- ------- - -- -- -
----- ------ -------- - -------------------
----- ------- - -- -- ------------------- ----------
------ -
------
------- ----------------------- -----------
------------ --------- ------------- --
----------
-------------
------------
------------------ -- --------------
--
-------
--
--
------ ------- --------定制属性和组件
@blueeast/bluerain-plugin-react-native-paper 为原始 react-native-paper 添加了一些定制的属性和组件。以下是一些示例：
BlueCheckbox
添加了一个 indeterminate 属性，表示是否是未确定的变体。此处的“未确定”意味着可用但没有值。
------ - ------------ - ---- -----------------------------------------------
----- ------- - -- -- -
----- --------------- ----------------- - ----------------------
----- ---------------------- ------------------------ - --------------------------------
----- ------------------------ - -- -- -
-- --------------------- --- ------ -
------------------------------
- ---- -
-------------------------------
-
--
------ -
------
-------------
--------------------- - --------- - ------------
----------- -- -
---------------------------------
--
--
-------------
-----------------------------
-------------
----------------------------------
--
-------
--
--
------ ------- --------BlueText
添加了一个 emphasis 属性，表示文字的强调程度。
------ - -------- - ---- -----------------------------------------------
----- ------- - -- -- -
------ -
------
---------------- ---------------
--------- ----------------------- ---- ------ -------------
--------- ----------------------- ---- ------ -------------
--------- ----------------------- ---- ------ -------------
-------
--
--
------ ------- --------BlueInputGroup
可以用作一个组件，将 Input 组件集合在一起。
------ - --------------- --------- - ---- -----------------------------------------------
----- ------- - -- -- -
----- -------- - ---------------
----- -------- - ---------------
----- ---------- - ---------------
------ -
------
----------------
---------- -------------- ------------ ------ ------------------- -- ------------------------- --
---------- -------------- ------------- ------ ------------------- -- --------------------------- --
---------- ---------------- ------------ ------ --
-----------------
-------
--
--
------ ------- --------结论
@blueeast/bluerain-plugin-react-native-paper 是一个用于 React Native 开发的 UI 组件库。通过熟练掌握使用方式，并定制属性和组件，可以使开发过程更加高效和简单。如果你是从 Bluerain 框架中生成的应用程序的开发人员，那么这个包一定适合你。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/137063