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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容