嗯，二月过年+学习RN，忙的一笔，所以…二月拖更了。过完年换坑之后，新公司开了一个新项目，使用RN开发，对于不会JS的我来说，一脸懵逼，不过还好，经过一个月的学习磨合，1个月测试版本APP昨天打出来了，叉会儿腰，真心累。

通过这一个月开发RN，RN给我的直接感觉就是：快，快，快，真的快！ 前几天我试着使用原生和RN开发同一个模块。使用原生开发时，我创建了十几个文件（MVVM模式）；但是使用RN开发仅仅使用了5个文件。效果是一样的。记得刚开始开发RN的时候，技术总监说过：我保证，等你学会RN 之后，你肯定不想再写Android了。 同时这句话也送给各位小伙伴。

好了，言归正传，由于还没有系统总结RN的项目，所以先总结一些开发中的知识点，系统架构，后期再发博客。

现在Ant Design mobile使用量还是很大的，我们项目中使用的组件库就是RN的，由于其组件库的样式不符合项目需求，因此就需要更改组件库的样式。

方法一：直接写入自己的样式。

以Tabs为例， 首先需要找到Tabs的样式文件：路径：node_modules > @ant-design > react-native > lib > tabs > style > tabs.js 和 index.js， 首先看下原始图：

Tab下面有一天衡线，我们需要去掉这个衡线，我们需要在自己的文件中重写：

const TabStyles =StyleSheet.create({
  topTabBarSplitLine: {
      borderBottomWidth: 0
    },
})

其中topTabBarSplitLine和tabs.js中的样式名称是对应的。然后我们在使用Tabs的时候，设置 styles={TabStyles}：

		  <Tabs
            ......
            styles={TabStyles}>
            ........
          </Tabs>

此时再看效果图：

如果该方法不能满足我们的项目需求，那么试试第二种方法。

方法二： 拷贝源码
拷贝node_modules > @ant-design > react-native > lib > tabs文件到自己的项目中，接着拷贝node_modules > @ant-design > react-native > lib下的Style和View文件夹到自己的项目中。注意：style和View文件夹要与Tabs文件夹同级。 然后在你要在用的js文件中用你拷贝的Tabs的话，就引入：var AntdesignTabs = require('./index');

注意这里的: ‘./index’ 是你的Tabs文件夹下的index.js文件！！！也就是说：Tabs文件夹下的index.js文件才是真正要使用的文件入口。

此时你就可以直接更改Tabs的style样式了。

这两种方法，其实各有千秋：第一种方法简便不费力，但是如果需要大改样式的话，就不行了；第二种方式可以随心所欲的更改样式，但是拷贝的代码就多了。

纯手打，若有问题，欢迎各位小伙伴指出。