React Native 入坑实践

前端之家收集整理的这篇文章主要介绍了React Native 入坑实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

React Native 入坑实践

ReactNative实在是太火了,才开始学习,有点晚了,刚刚接触,第一感觉就是,RN的亲妈绝对是IOS,对IOS的开发支持做的太好了,而对于Android来说,支持力度就小的多,就连跑起来都得花一些时间。

稍微了解了一下这个框架,稍微有点失望,主要是因为以下原因:

  • 很遗憾,看到RN最低只支持到Android API 16(与 Weex相同),也就是Android4.1,个人写应用是从API 15开始,所以RN这个让我心里不舒服;
  • RN的版本现在只有0.41,实在是搞不懂弄了这么多年,1.x版本怎么还没出来。

我还是建议大家学习阿里家的Weex框架吧,相对来说更优秀一点。

官方文档地址:https://facebook.github.io/react-native/docs/getting-started.html

需要注意的是,当前RN的targetSdkVersion是23,也就是Android 6.x,而且必须安装23底下的

  • Android SDK
  • Android SDK Platform

同时还要安装了

  • Performance (Intel ® HAXM)
  • Android Virtual Device

然后必须要安装的是:

  • Google APIs
  • Intel x86 Atom System Image
  • Intel x86 Atom_64 System Image
  • Google APIs Intel x86 Atom_64 System Image

都必须是23底下的。

之后要设置一些环境变量:

export ANDROID_HOME=${HOME}/Library/Android/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

注意,在文档中提到的~/.bashrc中修改环境变量,不一定生效,可以参考这个进行修改http://stackoverflow.com/questions/19986214/setting-android-home-enviromental-variable-on-mac-os-x,如果还没生效,请关闭命令行窗口,再打开实验一下。

新建一个6.x的模拟器活着找一个6.x手机,然后就可以按照文档来做了:

react-native init AwesomeProject

cd AwesomeProject

react-native run-android

我在运行时候,出现了这样的问题:

error in opening zip file

如果出现了这样的问题,有可能是gradle-2.4-all.zip的问题,你需要到https://services.gradle.org/distributions 去下载一个gradle-2.4-all.zip,替换{用户目录}.gradle\wrapper\dists\gradle-2.4-all\6r4uqcc6ovnq6ac6s0txzcpc0\gradle-2.4-all.zip。这里的用户目录在windows上是C:\Users\你的电脑名称,在macOs上是/Users/你的电脑名称

参考这个:http://stackoverflow.com/questions/40814686/react-native-run-android-exception-in-thread-main-java-util-zip-zipexception

Failed to establish session

这个多出现在小米手机上,去开发中选项中,找到“启动MIUI优化”,将其关闭,重启后,再试就可以了。

原文链接:https://www.f2er.com/react/304856.html

猜你在找的React相关文章