ReactNative精仿网易新闻APP



  • 这是一个ReactNative仿网易新闻APP的Demo.

    首页:

    alt text

    图文新闻详情页:

    alt text

    视频半屏效果:

    alt text

    视频全屏效果:

    alt text

    视频:

    alt text

    我的:

    alt text

    运行项目:
    1、NeteaseNews目录下执行yarn或npm i 命令。
    2、执行react-native run-android或npm run android命令。

    基本功能:
    1、使用react-native-tab-navigator实现APP底部菜单切换
    2、首页和视频页使用FlatList实现下拉刷新/上拉加载功能
    3、首页和视频页使用react-native-scrollable-tab-view实现选项卡切换栏目新闻功能
    4、使用react-native-htmlview实现图文新闻详情页功能
    5、使用react-native-video、react-native-orientation实现视频新闻详情页功能
    6、安卓下添加了对GIF图片的支持(IOS默认支持)
    7、"我的"页面添加了RN动画

    注:RN版本为最新的 0.54.2,使用的第三方库也都是当前主流的,如果觉得有帮助,请Star关注一下,项目将会持续更新。
    ======================== Github: https://github.com/h406621397/NeteaseNews ==============================


登录后回复