学习React Native必看的几个开源项目

偏执的太偏执、 2022-05-19 08:42 270阅读 0赞

学习React native ，分享几个不错的开源项目，一起学习。

1.Facebook’s F8 Conference App

> 项目地址
> 
> [https://github.com/fbsamples/f8app][https_github.com_fbsamples_f8app]

![1240][]

2.Reading

来自饿了么RN大神开源的reading项目,已经完成Android和iOS双适配。绝对是一个产品级的开源项目，并且作者还在持续的更新。值得一荐！

> 项目地址:
> 
> [https://github.com/attentiveness/reading][https_github.com_attentiveness_reading]

![1240 1][]

![1240 2][]

3.Weather

该为国外一个天气预报客户端,界面效果简约优美，作者借鉴F8项目同时客户端数据来自真实国外的天气预报API。这天气预报客户端体验估计已经给原生开发者造成10000点伤害了。  
![1240 3][]  
![1240 4][]

> 项目地址:
> 
> [https://github.com/stage88/react-weather][https_github.com_stage88_react-weather]

4.Github Feed

该项目来自阿里开发人员,你的又一Github客户端哦~项目github也超过了1000个star。

> 项目地址
> 
> [https://github.com/xiekw2010/react-native-gitfeed][https_github.com_xiekw2010_react-native-gitfeed]

5.React-Native-NBA-App

这个项目主要进行查看NBA相关数据,界面做的非常Nice，项目整体架构也非常不错,关键还有图表界面，同时适配Android和iOS双平台。也是大家不可多得学习的项目。推荐！  
![eb14e1c2-c220-11e5-864d-971e62646afa.gif][]

![1240 5][]

> 项目地址:
> 
> [https://github.com/wwayne/react-native-nba-app][https_github.com_wwayne_react-native-nba-app]

6.HackerNews

采用纯React Native开发的HackerNews客户端,同时兼容Android、iOS双平台。用到很多常用的开源组件，而且非常适合初学者入门的项目。有借鉴意义。

![1240 6][]  
![1240 7][]

> 项目地址:
> 
> [https://github.com/iSimar/HackerNews-React-Native][https_github.com_iSimar_HackerNews-React-Native]

7.iShiWuPai

iShiWuPai是基于React Native和Redux实现的展示型美食类APP。不过当前暂时只适配iOS版本,但是效果绝对赞了~  
![1240 8][]

![1240 9][]

> 项目地址:
> 
> [https://github.com/ljunb/react-native-iShiWuPai][https_github.com_ljunb_react-native-iShiWuPai]

8.HiApp

采用React Native开发的一款基于类似微博以及聊天App,同时兼容Android、iOS双平台,甚至还有Web端。整体功能有很多可以学习的地方。例如效果布局,多语言切换等等。  
![1240 10][]

> 项目地址:
> 
> [https://github.com/BelinChung/react-native-hiapp][https_github.com_BelinChung_react-native-hiapp]

[https_github.com_fbsamples_f8app]: https://github.com/fbsamples/f8app
[1240]: /images/20220519/8bc56bf0d79d414f98f108788881bf86.png
[https_github.com_attentiveness_reading]: https://github.com/attentiveness/reading
[1240 1]: /images/20220519/f90b134ab3bd4627973608cb2a33d3b6.png
[1240 2]: /images/20220519/61b324d9987f4a51b30f51fe622f8e04.png
[1240 3]: /images/20220519/794f7e01b836441bb6e2b83de64c24a2.png
[1240 4]: /images/20220519/9cded1c5af77433f8462e23556026200.png
[https_github.com_stage88_react-weather]: https://github.com/stage88/react-weather
[https_github.com_xiekw2010_react-native-gitfeed]: https://github.com/xiekw2010/react-native-gitfeed
[eb14e1c2-c220-11e5-864d-971e62646afa.gif]: /images/20220519/c91c0b400a5b46af922eaa84db226c5f.png
[1240 5]: /images/20220519/c07fc063fadf414cb71e5de422819058.png
[https_github.com_wwayne_react-native-nba-app]: https://github.com/wwayne/react-native-nba-app
[1240 6]: /images/20220519/22f4a85b75bd4ad7af79ee4f1870e17c.png
[1240 7]: /images/20220519/a277c04eb8f34bf6b70bcf04325fbbd8.png
[https_github.com_iSimar_HackerNews-React-Native]: https://github.com/iSimar/HackerNews-React-Native
[1240 8]: /images/20220519/fe2455558bed4b3e9855bd5d528dbe9f.png
[1240 9]: /images/20220519/41335659e5b2454ea6921285257fe9a5.png
[https_github.com_ljunb_react-native-iShiWuPai]: https://github.com/ljunb/react-native-iShiWuPai
[1240 10]: /images/20220519/d07633419f2247189901c74a39fd7eb6.png
[https_github.com_BelinChung_react-native-hiapp]: https://github.com/BelinChung/react-native-hiapp