react native的hello world项目
来源:互联网 发布:小米6 4g网络 编辑:程序博客网 时间:2024/06/14 04:46
摘自 http://reactnative.cn/docs/0.31/getting-started.html#content
测试安装
react-native init AwesomeProjectcd AwesomeProjectreact-native run-android
手动运行Packager
有个常见的问题是在你运行react-native run-android
命令后,Packger可能不会自动运行。此时你可以手动启动它:
cd AwesomeProjectreact-native start
如果你碰到了ERROR Watcher took too long to load
的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/
目录下)。
修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
- 使用你喜欢的文本编辑器打开
index.android.js
并随便改上几行 - 按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是
⌘+M
)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。 - 在终端下运行
adb logcat *:S ReactNative:V ReactNativeJS:V
可以看到你的应用的日志。
完成了!
恭喜!你已经成功运行并修改了你的第一个React Native应用。
0 0
- react native的hello world项目
- react native 编写Hello World的解析
- 初探react-native Hello World
- React Native 之 Hello World
- React Native版Hello World
- React-Native之Hello World
- react native 之hello world
- React Native的Hello World和基本样式入门
- Topic 1: hello world for react-native
- react native 学习笔记之hello world
- React Native之编写Hello World
- react-native构建android hello world踩坑记
- React Native入门(二)之Hello World(AwesomeProject)项目介绍
- React-Native尝鲜计划-环境搭建及 hello world
- React Native入门——环境配置及Hello World
- React Native入门——环境配置及Hello World
- React Native(一):搭建开发环境、出Hello World
- React Native 学习笔记(一)---Hello, New World!
- codeforces 762D Maximum path
- 比酒量 蓝桥杯
- Awesome Chrome 插件集锦
- Day 12-02 表单的重复提交&验证码重复提交
- 研究生总结
- react native的hello world项目
- Hibernate框架利用inverse属性提高系统性能
- 驼峰数
- ajax(五)
- 阶乘之和
- nodejs开发——express框架学习
- Object类学习之equals方法重写
- MongoDB介绍
- [leetcode]137. Single Number II