Skip to content

t-gao/GitHubPopular-SJ

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

GitHubPopular-SJ

项目介绍

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

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

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

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

目录结构:

项目演示:

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

多主题切换:

多主题切换

交互展示:

运行方法(iOS)

1. 添加依赖包

因为删除了node_modules文件夹(占据空间很大),需要重新下载: 在项目根目录下执行:npm install方法。

然后下载该项目需要的第三方组件(下载完成后也会自动放在node_modules文件夹里)。也是在根目录下执行下面的命令:

  • yarn add react-native-check-box
  • yarn add react-native-parallax-scroll-view
  • yarn add react-native-scrollable-tab-view
  • yarn add react-native-sortable-listview
  • yarn add react-native-tab-navigator

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.

About

慕课网实战课程:《React Native 开发跨平台 GitHub App》Demo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.0%
  • Objective-C 2.9%
  • Python 1.2%
  • Java 0.9%