React Native 中文版React Native 官网首页介绍React Native入门安装 Android 运行环境React Native 快速开发应用React Native样式React Native 手势应答系统React Native 辅助功能Native 模块(iOS)Native 模块(Android)Native UI 组件(iOS)Native UI 组件(Android)React Native 链接库React Native 应用调试React Native 测试在设备上运行(iOS)在设备上运行(Android)与现有的应用程序集成React Native JavaScript环境React Native 已知IssuesReact Native iOS活动指示器React Native iOS日期选择器React Native DrawerLayoutAndroidReact Native 图像React Native 列表视图React Native Map视图React Native 导航器React Native iOS导航器React Native iOS选择器React Native ProgressBarAndroidReact Native 滚动视图React Native iOS滑块React Native SwitchAndroidReact Native iOS开关React Native iOS选项卡React Native TabBarIOS.ItemReact Native 文本React Native 文本输入React Native ToolbarAndroidReact Native 高亮触摸React Native 不透明触摸React Native 无反馈触摸React Native 视图React Native Web视图APIs iOS警告APIs 应用程序注册表APIs iOS应用程序状态APIs 异步存储APIs BackAndroidAPIs 相机滚动APIs 交互管理器APIs iOS链接APIs 网络信息APIs 全景响应器APIs 像素比率APIs iOS推送通知APIs iOS状态栏APIs 样式表APIs ToastAndroidAPIs iOS震动React Native FlexboxReact Native 定位React Native 网络React Native 计时器
在设备上运行(iOS)
注意,在设备上运行需要 Apple Developer 账号，且需要配置你的 iPhone。本指南仅覆盖 react Native 特定的主题。
从设备访问开发服务器
你可以使用开发服务器在设备中快速迭代。要做到这一点，你的笔记本电脑和你的手机必须处于相同的 wifi 网络中。
- 打开 iOS / AppDelegate.m
- 更改 URL 中的 IP，从 Localhost 改成你的笔记本电脑的 IP
- 在 Xcode 中，选择你的手机作为构建目标，并按“构建和运行”
提示
晃动设备来打开开发菜单(重载、调试等)
使用离线包
你也可以将应用程序本身的所有 JavaScript 代码打包。这样你可以在开发服务器没有运行时测试它，并把应用程序提交到到 AppStore。
- 打开 iOS / AppDelegate.m
遵循“选项 2”的说明：
取消 jsCodeLocation =[[NSBundle mainBundle]…
在你应用程序的根目录的终端运行给定 curl 命令
Packager 支持几个选项：
- dev(默认的 true)——设置了 __DEV__ 变量的值。当是 true 时，它会打开一堆有用的警告。对于产品，它建议使用 dev = false。
- minify(默认的 false)——只要不通过 UglifyJS 传输 JS 代码。
故障排除
如果 curl 命令失败，确保 packager 在运行。也尝试在它的结尾添加 ——ipv4 标志。
如果你刚刚开始了你的项目，main.jsbundle 可能不会被包含到 Xcode 项目中。要想添加它,右键单击你的项目目录，然后单击“添加文件……”——选择生成的 main.jsbundle 文件。