cuitymiko / react-native-template

react-native-template

致力于打造一个快速开发RN项目的模板

使用小技巧

项目中常用的封装都放在app目录下Common文件夹

1、FontSize.js：基于屏幕分辨率封装的字体适配方法，使用方法：fontSize:FONT_SIZE(14)

2、Tool.js：封装常用的属性方法，比如说判断是否登录，或者其他的方法，在这个方法中，提供了用来做安卓，iOS换算px的方法，使用方法：width:px2dp(100)

3、global.js：全局变量方法，一般我会用来设置全局的方法，比如说：系统判断，屏幕宽高，主题设置，图片初始化。 具体的详情可以查看global.js内部注释。

4、Config.js：配置文件，可以用来配置请求网址，配置表等等。

5、SetTheme.js：更改主题，teaset提供了设置主题和切换主题的能力，但有些时候，有一些颜色需要再手动调整，所以创建了这个文件，通过在里面配置颜色，并在项目的入口中引入，就可以直接使用Theme.backgroundColor的方式调用颜色了。

6、Request.js：基于react-native-fetch-blob封装的网络请求方法，很简单，不喜勿喷。

7、Images.js：在Resources目录下有index.js和Images.js两个文件，这是基于Marno关于图片管理文章封装的实践。

2017.11.7更新说明

1、使用teaset的SegmentedView组件实现左右滑动的效果。

2、使用teaset的Theme控制页面中的颜色。

3、使用Mobx控制登录中的状态，简单使用。

4、修改tabbar选中图标和文字的颜色，使其更符合识兔项目的效果。