React Native项目GitHub Popular源码简记

底部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

你可能感兴趣的:(React Native项目GitHub Popular源码简记)