Awesome Open Source
Awesome Open Source

GitHubPopular-SJ

项目介绍

这是我在学习很火的实战课程《React Native 开发跨平台 GitHubPopular》后,写出的课程Demo,大家也可加入该课程学习提高自己。非常感谢该项目作者贾鹏辉老师的精心制作。

贾鹏辉老师还撰写了很多关于React Native的技术博客:贾鹏辉老师的技术博客,在里面可以学到很多关于React Native相关的知识。

已经实现了除调用友盟接口和集成CodePush的功能,并且对项目做了一点重构,而且做了一点优化。

更详细的中文介绍地址:掘金:从一个实战项目来看一下React Native开发的几个关键技术点

目录结构:

项目演示:

上排是iOS模拟器,下排是Android模拟器:

多主题切换:

多主题切换

交互展示:

运行方法(iOS)

1. 添加依赖包

在项目根目录下执行:npm install方法。

2. 打包运行

有两种方法可以启动模拟器运行:

  1. 在根目录下执行下面的命令:react-native run-ios,随后就可以自动启动本地服务,打开iOS模拟器运行项目。
  2. 找到iOS项目文件夹,用Xcode打开项目,点击运行按钮运行(也可以连接iPhone运行)。

To Do List

  1. 性能优化:在真机上的性能还有待提升,会将接下来研究的重点放在性能优化上。
  2. 加入Redux:性能提升以后,会引入Redux进行状态管理。
  3. 主题相关:更换字体大小

License

All source code is licensed under the MIT License.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,351
react-native (1,537
reactjs (1,096
react-components (211