pinuofeng / neteasenews Goto Github PK

View Code? Open in Web Editor NEW

132.0 7.0 35.0 3.38 MB

ReactNative -- 网易新闻APP

JavaScript 90.93% Python 1.43% Java 3.85% Objective-C 3.79%

neteasenews's Introduction

NeteaseNews

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

启动页：

首页：

图文新闻详情页：

视频半屏效果：

视频全屏效果：

视频:

我的:

热更新：

运行项目：

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、使用react-native-splash-screen添加了APP启动页，避免APP启动白屏
8、"我的"页面添加了RN动画
9、添加了storage(数据存储)、elements(UI组件)、swiper(滑动)、vector-icons(图标)等常用库
10、使用CodePush实现了热更新功能，可静默更新或提示更新

项目中的问题：

1、路由页面切换时的自定义动画效果存在BUG
2、当页面存在FlatList组件时，在componentWillMount/componentDidMount里start一个无限循环的动画导致FlatList列表数据不显示。
3、borderRadius在android低版本(目前测试的4.1.2)下的绘制不完美
4、视频在全屏状态下，低版本android对StatusBar hidden的兼容问题

其它：

由于接口权限原因，打开新闻详情页面、视频页面时可能出现空白，无法正常请求到新闻数据显示。
直播和新闻评论功能尚未开发，有相关接口的童鞋可以私我共同开发学习。

neteasenews's People

Stargazers

Watchers

neteasenews's Issues

你的热更新兼容性怎样

想了解一下，你的热更新，苹果审核有没有问题，还有兼容性和稳定性是否好

登陆与注册接口

支持，如果能有登陆和注册接口就更完整了

首页请求数据出错

首页数据网络请求显示网络请求异常，但是将url直接输入浏览器可以请求到数据，是不是你fetch哪里写的有问题呢？

运行报错

xcode运行报错：'SplashScreen/SplashScreen.h' file not found

请问启动页是怎么关闭呢？

我不想要启动页这个功能直接显示空白。我没看到你在项目中使用启动页，但是看到了关闭启动页的代码。

视频接口用不了

安装了，可以运行了之后，发现视频那里提示：“网络请求异常”，应该是视频的api接口坏了吧？

支持，感觉用着会卡顿，甚至偶尔会闪退

加载列表有点卡卡的感觉，加载某些文章内容，加载出来后滑动非常卡。

ios run运行不起来呢

会有下面这样的错误

** BUILD FAILED **

The following commands produced analyzer issues:

Analyze /Users/xujian/Documents/project/dh140/NeteaseNews/node_modules/react-native/ReactCommon/yoga/yoga/YGNodeList.c
Analyze /Users/xujian/Documents/project/dh140/NeteaseNews/node_modules/react-native/ReactCommon/yoga/yoga/Yoga.c
Analyze Base/RCTModuleMethod.mm

(3 commands with analyzer issues)

The following build commands failed:
CompileC build/Build/Intermediates/NeteaseNews.build/Debug-iphonesimulator/NeteaseNews.build/Objects-normal/i386/AppDelegate.o NeteaseNews/AppDelegate.m normal i386 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/NeteaseNews.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/NeteaseNews.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

运行报错

BUILD FAILED
FAILURE: Build failed with an exception.

Total time: 7.273 secs

Where:
Build file 'D:\webstormProject\NeteaseNews\node_modules\react-native-splash-screen\android\build.gradle' line: 22
What went wrong:
A problem occurred evaluating project ':react-native-splash-screen'.

Could not find method implementation() for arguments [directory 'libs'] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.