如果你正在开发 React Native 的前端项目，并且使用了 NativeBase UI 组件库，那么你可能会遇到一个问题：如何在代码中引入 NativeBase 的主题样式？
NativeBase 提供了许多主题样式，但是默认情况下不会自动导入到项目中。如果你手动导入，那么每个文件都需要重复编写导入代码，这显然是冗余的和不必要的。
为了方便开发者使用，有人开发了一个 npm 包：babel-plugin-native-base-theme-require，它可以自动在编译时将 NativeBase 的主题样式导入到你的代码中，让你的开发变得更简单。
安装
使用 npm 命令进行安装：
npm install --save-dev babel-plugin-native-base-theme-require
配置
在项目的根目录中新建一个名为 .babelrc 的文件，并写入如下配置：
{
"plugins": ["native-base-theme-require"]
}使用
在你的代码中，只需按如下方式导入 NativeBase 的主题样式：
import nbTheme from 'native-base-theme/variables/platform';
babel-plugin-native-base-theme-require 插件会自动检测到并将样式导入到你的代码中，无需再写额外的导入代码了。
示例代码
下面是一段示例代码，演示了如何在 React Native 中使用 NativeBase 的主题样式：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------- ----- ---- - ---- ---------------
------ - ------ - ---- --------------
------ ------- ---- ---------------------------------------
------ ------- ----- --- ------- --------- -
-------- -
------ -
----- -------------------------
--------
----- -------------------------------- -------------
---------
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
---------------- -------------------------
----------- ---------
--------------- --------
--
----------- -
------ --------------------
-
---总结
使用 babel-plugin-native-base-theme-require 插件可以方便地导入 NativeBase 的主题样式，从而减少了重复的代码量，使开发过程更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005541281e8991b448d16a6