ReactNative开源项目推荐 - iReading (运行)
ReactNative开源项目推荐 - iReading (运行)
那不是尤迪安 发表于1年前
ReactNative开源项目推荐 - iReading (运行)
  • 发表于 1年前
  • 阅读 810
  • 收藏 45
  • 点赞 3
  • 评论 1

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 附上github优秀ReactNative开源项目收集整理

iReading

是一个新闻阅读App,Android和iOS双适配。并且作者还在持续的更新。目前1100+star。

传送门: https://github.com/attentiveness/reading ,可自行查看项目介绍,线上版本地址,运行说明

集成步骤

    参考文档:开源地址的MD,权限问题可试一下sudo,

    npm很慢的话可以换国内源:

        临时指定:$npm install -gd express --registry=http://registry.npm.taobao.org

        修改配置:$npm config set registry http://registry.npm.taobao.org

  1. clone项目下来,cd 项目目录

  2. $(sudo) npm install -g react-native-cli(如果已经配置好了可跳过)

  3. $(sudo)npm install

  4. $react-native start(此为手动启动服务,AndroidStudio和Xcode运行项目会自动启动,一般可跳过)    

  5. Android版本运行调试:$react-native run-android (第一次比较久,下载配置和依赖,这里使用AndroidStudio直接打开Android项目,而且因为等Android打开太久,是先运行了iOS)

    1. 修改Android项目目录下的gradle版本配置为自己的版本,加载完依赖如下
       

    2. (Build and Run)▶︎,自动启动服务

    3. 模拟器运行,(加载错误,可尝试reload),启动页面

    4. 进入主界面,报一个警告⚠️,后续处理

  6. iOS版本运行调试($react-native run-ios):

    1. xcode打开项目中的ios文件夹下 reading.xcodeproj

    2. 修改一下bundle Identifier,证书Signing

    3. (Build and Run)▶︎,自动启动服务

    4. 真机安装测试,刚开始如全屏红色报错,可尝试reload,看到的启动界面

    就可以开始消化了,附上一些其他同样优秀的ReactNative开源项目,运行方法类似,(大部分来自江清清)

 

共有 人打赏支持
粉丝 12
博文 6
码字总数 782
评论 (1)
红薯
可以把项目放到码云上,我们会予以推荐,效果很好哦
×
那不是尤迪安
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: