Skip to content

corei7qxx/react-native-template

This branch is up to date with CodeRabbitYu/react-native-template:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

f16abcc · Jan 15, 2018

History

10 Commits
Nov 6, 2017
Nov 6, 2017
Jan 8, 2018
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Nov 6, 2017
Jan 15, 2018
Nov 6, 2017
Nov 6, 2017
Jan 8, 2018
Jan 8, 2018

Repository files navigation

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.jsImages.js两个文件,这是基于Marno关于图片管理文章封装的实践。

2017.11.7更新说明

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

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

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

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.1%
  • Objective-C 10.9%
  • Python 4.3%
  • Java 3.7%