首先放图 这就是我经过简单的搭建环境写出的helloworld和使用的button组件。 那么搭建环境如何搭建呢? 使用的软件有:Node 最新版,Python2.7,Android环境要有配置Android,首先安装jdk。最新版android studio3要安装jdk1.8。 接下来我讲讲Android环境的配置。 第一下载jdk1.8 第二下载android studio3
node
第三下载android sdk react
第四打开AS(android studio),cancel proxy,而后配置sdkmanage,选择api版本,点击安装,这里比较耗时。 第五安装完成以后,打开AS,建立安卓模拟器。 点击以后会出现
android
建立完成后(这种启动模拟器的时间花的很长,我比较喜欢用命令行打开) 第二种方式启动模拟器,记住上面建立的模拟器名,如nexus6p,经过命令行启动。 需配置环境变量 C:\Users\Administrator\AppData\Local\Android\android-sdk\emulator写入path 命令是:emulator -avd 模拟器名 好了,安卓模拟器已经安装好了,接下来咱们来建立reactnative工程。注意:在运行reactnative以前,需启动运行模拟器。 第一步:
第二步:
第三步:2.3官方最新版reactnative#0.56有bug,会致使app运行在模拟器上后报服务器500错误
这里的解决办法是须要在后续建立工程时指定reactnative版本为0.55.4(见官方论坛) 即:react-native init MyApp --version 0.55.4 第四步:建立成功后,进入到MyApp,执行react-native run-android,这时,在模拟器上可成功运行MyApp。
在执行react-native run-android命令时,会自动弹开node环境框,如上图所示,也可手动打开(命令是react-native start,通常不须要)
如何出现上图呢,见我app.js里面的代码
react-native