·React-native的安装
·React-native的环境配置
·React-native的运行
·Android 环境下的调试
#React-native的安装
Homebrew Mac 中的一个包管理器 Node.js 和 npm 安装 watchman 和 flow 这两个包分别是监控文件变化和类型检查的。安装如下: brew install watchman brew install flow 安装 React-Native 通过 npm安装即可: npm install -g react-native-cli
#React-native的环境配置
App开发环境的设置 iOS XCode 6.3 及其以上即可。 Android 设置环境变量:ANDROID_HOME export ANDROID_HOME=/usr/local/opt/android-sdk SDK Manager 安装以下包: Android SDK Build-tools version 23.0.1 Android 6.0 (API 23) Android Support Repository
#React-native的运行
不管是 iOS 还是 Android,在开发调试阶段,都需要在 Mac 上启动一个 HTTP 服务,称为“Debug Server”,默认运行在 8081 端口,APP 通 Debug Server 加载 js。 iOS 和 Android 的模拟器,连接 Mac 本机的服务都很方便。但是通过 USB 或者 WiFi 连接调试,就稍微麻烦一些了。 iOS版运行 命令:react-native start -> 用xcode打开ios工程 ->在模拟器中运行 Android版运行 命令:react-native start -> android studio打开工程->在模拟器中运行 或React-native run-android
#Android 环境下的调试
示例 App 直接部署到真机,红色界面报错,无法连接到 Debug Server。 如果是 5.0 或者以上机型,可通过 adb 反向代理端口,将 Mac 端口反向代理到测试机上。 adb reverse tcp:8081 tcp:8081 如果 5.0 以下机器,应用安装到测试机上之后,摇动设备,在弹出菜单中选择 Dev Setting > Debug Server host for device,然后填入 Mac 的 IP 地址(ifconfig 命令可查看本机 IP) adb shell input keyevent 82 (部分机型无菜单键需要执行此命令打开菜单) adb shell input keyevent <keycode> 其中<keycode>表示按键代码,{ “MENU”, 82 }代表菜单键
相关推荐
React Native学习笔记 欢迎您帮忙纠错,一起帮助更多的人,学习交流QQ群: React本机 开发工具 [使用WebStorm调试React Native] [故事书] [reactotron] 节点相关 最佳拍档 原生集成 模拟与测试 [easy-mock介绍] ...
React Native 基础学习笔记
React Native 学习笔记,总结的还不错咯
react-native 调用android原生模块-Toast 学习笔记
抽空学习了下react-native教程,花了三周多下班时间,开发了这个项目 ,使用的最新的react-native版本0.60.4, 配色和主要功能布局参照了印象笔记客户端,当然作为练手项目,功能没有那么全面, 作为入门学习应该是够了....
此项目记录我在2017年3月学习的过程,整理了一下放到GitHub上,分为React、React Native和豆瓣项目实战三个部分(DoubanProject在Recat Native Demo文件目录下),废话不多说,贴上笔记和代码。 第一部分 React 简介 ...
在开发中经常遇到需要输入的地方,所以就学习了一下ReactNative键盘Keyboard的弹出与消失的方法,留个笔记。 今天我们来说下RN对键盘事件的支持。 在React-native 的Component组件中有个Keyboard. github地址如下...
我的目标是实际学习React + / React-Native,因为我发现它们很酷,可以创建出色的应用程序。 (首先,我建议任何人签出我的笔记,在构建此项目时,我按照Ben Awad的播放列表进行 -继续,单击并签出,以查看详细的...
ReactNative 目标 使应用程序可以离线和在线工作 严重的是我不确定 我只想了解更多信息并利用它来更好地构建 我的建筑在下面 :party_popper: :party_popper: 效果很好,但还需要添加更多内容 记笔记页面
使用 React Native 开发的一个笔记App,这是一个学习 React Native的练习项目
要运行此应用程序: $ npm install$ react-native link$ react-native start$ react-native run-iosor$ react-native run-android截屏v1.0版本@ 2018/06/13 词汇表条目的添加/更新/删除超过12 每张卡的用户语音记录/...
一份传男也传女的 React Native 学习笔记学习就如同长跑,要想跑的远,就不能跑得太快。背景介绍这段时间了解了一些前端方面的知识,并且用 React Native 写了一个简易新闻客户端 Demo。React Native 和原生开发...
最近在学习ReactNative,本文介绍了ReactNative列表ListView的用法,分享给大家,也给自己留个笔记 ListView 在Android中,如果我们需要显示一个ListView,有两项是比不可少的,首先是ListView的数据源,其次是...
dice评价指标matlab代码 ...React-Native学习指南 08 Android源码设计模式分析项目 该系列文章已经重新深度整理并出版 09 设计模式 - 收藏集 - 掘金 一个帮助开发者成长的社区 10 给 Android 开发者的 RxJava 详解 11
React-Native学习指南 08 Android源码设计模式分析项目 该系列文章已经重新深度整理并出版 09 设计模式 - 收藏集 - 掘金 一个帮助开发者成长的社区 10 给 Android 开发者的 RxJava 详解 11 常用的An
ReactJs 学习笔记简单的记录自己对ReactJs的学习内容。ReactJs 相当属于是用原声的JS去创建对应HTML标签,然后可以构建对应HTML标签,这些标签就可以使用对应的内容信息来使用。学习资料网上的相关资料lynda的视频...
遵循Lynda课程:学习React.js 去做 第02章 React语法 JSX简介 创建一个ES6类组件 创建无状态组件 使用属性 使用状态 第03章 ...与Alex Banks学习React Native 与Emmanuel Henri学习React VR
ReactNative-错误警告 注:这里是我在开发过程中遇到问题总结,之后会持续更新,希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习,同时欢迎大神补充。(之后我会放出自己开发整理的笔记和 )欢迎持续喜欢...
react-native 组件库 Antd 状态管理 redux dva recoil 样式组织 预处理器 CSS Module css next CSS IN JS http fetch axios useRequest react-query 服务端 Nodejs Nginx pm2 docker Jenkins Tools St
React-Native Flutter :rocket:Webpack :automobile: Gulp :construction:规范化 :tractor:工程化 :turtle:Web :snake:linux :spouting_whale:Docker :frog:数据库 :robot:python&机器学习 :penguin:GO :evergreen_...