移动互联网技术分享

Hello React-Native

2016-09-21  本文已影响23人  黑泥卡

React-native 环境配置

搭建开发环境
我使用的是Ubuntu+魅族手机(flyme5),所以选择Linux+Android。就开始按照教程配置环境了。

环境配置之后就可以测试了:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

手动运行Packager

有个常见的问题是在你运行react-native run-android命令后,Packger可能不会自动运行。此时你可以手动启动它:

cd AwesomeProject
react-native start

修改项目

现在你已经成功运行了项目,我们可以开始尝试动手改一改了:

使用你喜欢的文本编辑器打开index.android.js并随便改上几行
按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

在设备上运行

参考这篇文章

这样你就可以在真机和模拟器上调试你的react-native应用了。

在已有原生应用中添加react-native

参考这篇文章

simple

网站上已经准备了很多控件的例子,可以开启你的RN之旅了。

上一篇下一篇

猜你喜欢

热点阅读