GitHub_App(开发笔记)
这是一款从程序员实际需求出发，使用React Native开发的GitHub开源项目App，得益于React Native跨平台的特性。在这个项目中你可以了解到ReactNative API的调用、RN控件的封装、Native原生模块的桥接、Redux等。（持续更新）
项目源码和笔记：https://github.com/Pgrammerybj/GitHub_App.git
2018.03.07:
使用TabNavigator来实验Tab栏的结构，完成页面的切换
2018.03.15:
- 使用Navigator来实现路由
- 自定义NavigationBar组件
2018.03.16
- 测试官网的ListView，尝试了下拉刷新和添加Footer
2018.03.19
- 使用官方提供的Fetch测试Post/Get网络请求，基于业务简单的封装了HttpUtils
Get请求
/**
* get请求
* @param url
* @returns {Promise<any>}
*/
static get(url){
return new Promise((resolve,reject)=>{
fetch(url)
.then(response=>response.json())
.then(result=>{
resolve(result)
})
.catch(error=>{
reject(error)
});
});
}
Post请求
/**
* Post请求数据
* @param url
* @param data
* @returns {Promise<any>}
*/
static post(url,data){
return new Promise((resolve,reject)=>{
fetch(url,{
method:'post',
headers:{
'Accept':'application/json',
'Content-Type':'application/json'
},
body:JSON.stringify(data)
})
.then(response=>response.json())
.then(result=>{
resolve(result);
})
.catch(error=>{
reject(error);
})
});
}
调用
HttpUtils.post(url, data)
.then(resultData => {
this.setState({
result: JSON.stringify(resultData)
})
})
.catch(errorData => {
this.setState({
result: JSON.stringify(errorData)
})
})
2018.03.26
- 添加启动页面
- 修改启动流程
- 测试GitHub搜索API
2018.04.03
- 添加了"最热"模块数据和展示
- 抽取了item的统一样式
2018.04.04
- 添加了AsyncStorage的测试Demo，AsyncStorageTest.js
- 准备收拾行李去北京西啦
addTab() {
AsyncStorage.setItem(KEY_TEXT, this.text, (error) => {
if (!error) {
this.toast.show('保存成功！',DURATION.LENGTH_SHORT)
} else {
this.toast.show('保存失败：' + error,DURATION.LENGTH_SHORT)
}
})
}
deleteTab() {
AsyncStorage.removeItem(KEY_TEXT, (error) => {
if (!error) {
this.toast.show('删除成功！',DURATION.LENGTH_SHORT)
} else {
this.toast.show('删除失败：' + error,DURATION.LENGTH_SHORT)
}
})
}
getTab() {
AsyncStorage.getItem(KEY_TEXT, (error, result) => {
if (!error) {
if (!result) {
this.toast.show('没有内容',DURATION.LENGTH_SHORT)
} else {
this.toast.show('获取成功：' + result,DURATION.LENGTH_SHORT)
}
} else {
this.toast.show('获取失败：' + error,DURATION.LENGTH_SHORT)
}
})
}
2018.04.06-07 02:57
- 添加了自定义标签页面（MyPage.js->CustomLabelPage.js）
- 抽取了LanguageDao类，用来处理用户标签的添加和移除
- 编写了ArrayUtils用来检测数组中书否有重复的对象
- 添加了ViewUtils类用来动态的生成各种模板视图
这一次的更新主要是添加自定义标签页面，当用户首次进入APP时，从本地读取默认的标签数据。用户可以当当前页面选择是否需要加载默认的标签数据，还有一些连带的逻辑，在后续的更新中完善。
2018.04.08 23：52
- 使用react-native-sortable-listview实现标签排序页面
2018.04.22 22:24
- 编写DataRepository类添加网络数据的缓存策略，以及数据失效的逻辑(公司项目组绝对用MobX取缔之前的Redux,这段时间也在学习MobX,后期考虑将MobX移植到Github项目中)
