底部tabbar
使用react-native-tab-navigator库中的TabNavigator组件,使用_renderTab(Component, selectedTab, title, renderIcon)函数,生成tabbar中的4个tab,分别对应PopularPage、TrendingPage、FavoritePage、MyPage。
PopularPage页面
自定义NavigationBar,使用react-native-scrollable-tab-view库中的ScrollableTabView组件。每种编程语言对应的tab由自定义的PopularTab组件处理。项目列表使用ListView展示,对应每条是RepositoryCell显示,下拉刷新使用RefreshControl。
RepositoryDetail详情页面
使用WebView组件,使用上个页面传过来的url,展示详细信息。
常用组件
Github上的代码用的还是旧的ListView,应该使用FlatList、SectionList,相当于iOS中的tableview,不同在于SectionList有section,组件中包含下拉刷新、上拉加载。
网络加载库Fetch。
热更新
微软CodePush