一:快捷键 1.让其自更新----shift+cmd+z 选择热更新 2.cmd+r ---重新刷新 3 二:常用规范: 1.文件也是一种组件 所以应该命名规则和组件名的命名规则相同  -----使用首字母大写 驼峰样NextPage 三:技巧 : 1.导致listview 出现滚动条解决办法 设置listview的automaticallyAdjustContentInsets={false} 2.img使用技巧 1:网络资源 <Image source={{uri:'http://xxxxx

React Native 的出现,让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力.相比之前的 Web app 来说,对于性能和用户体验提升了非常多. 但是 React Native 的代码只兼容两个平台(iOS 和 Android),并没有兼容 Web 端访问.这里是因为 Facebook 开发人员认为 Web 端天生兼容性就巨麻烦,而且平台差异性是注定存在而且也要保留的,所以 React Native 的目标是 Learn once, write anywhere ,而

React Native 的出现,让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力.相比之前的 Web app 来说,对于性能和用户体验提升了非常多. 但是 React Native 的代码只兼容两个平台(iOS 和 Android),并没有兼容 Web 端访问.这里是因为 Facebook 开发人员认为 Web 端天生兼容性就巨麻烦,而且平台差异性是注定存在而且也要保留的,所以 React Native 的目标是 Learn once, write anywhere,而不

1.打开cmd的管理员模式,win+X,选择命令提示符(管理员)即可,运行如下命令: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolat

Visual Studio Emulator for Android 模拟器国内这网络环境不太用,所以使用海马玩模拟器,给大家推荐一下! 下面开始配置环境: 1)下载1.8+JDK,配置JDK环境参考 http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html 2)下载Android Studio 配置Android SDK环境,SDK的platform-tools.tools两个子目录加入系统PATH环境变量 C:\Users\

之前一直用真机去调试, 每回更新一次都需要手动摇晃手机后才能reload JS, OMG,太麻烦了. 后来寻思模拟器网上推荐用Geny...什么的模拟器,但是那个模拟器还需要VBox一起用. 有点麻烦,然后我就下载了一个夜神模拟器. 速度很快,一点都不卡,但是模拟器系统使android 4.4版本的.有点遗憾. 好了,进入正题: 顺便说明一下我现在用的工具有关RN的,如下: 1. Microsoft VS Code: 2.YeShen模拟器 3. Nodejs 4. react-native-m

详细可参考 官方文档,这里进记录一些重要过程. 安装环境 下载 Android Studio 选择 Custom 进行安装: Android SDK Android SDK Platform Performance (Intel ® HAXM) (AMD 处理器看这里) Android Virtual Device 安装各 SDK,推荐使用 choce 进行安装,非常简单: powershell -NoProfile -ExecutionPolicy Bypass -Command "iex (

我的电脑是windows 所以就以 windows上+Android 配置React native 环境 网上的安装教程非常多,我总结了一下,配置环境时出错原因主要是node java python c++  sdk 环境有问题,或者就是自己没有科学上网(你懂),网络有问题,导致了安装失败 至于如何安node java python c++ react-native-cli Android  sdk 我就不那么详细的说了,我主要说下我碰见的问题,想了解具体如何解决,点击这,还有这 node no

# 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 了解 React Native 大家都知道,开发原生 App 的成本很高,但是目前基于原生开发仍然是必需的,随着 HTML

一 React Native React Native 是由Facebook发布的开源框架,着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台.(Learn once, write anywhere),使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP,可以从以下地址源码: https://github.com/search?utf8=%E2%9C%93&q=react-nativehttps://github.com/faceboo

安装Xcode 安装Homebrew 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm 10 创建React Native空项目 使用Webstorm编辑JSX代码文件 在iOS模拟器中运行 在Android模拟器中运行 安装Xcode 从App Store搜索下载.需要Apple Id账号. 安装Homebrew 打开Terminal,执行以下命令即可安装.详情请参考Homebre

在做React Native开发时,少不了的需要对React Native程序进行调试.调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率.本文将向大家分享React Native程序调试的一些技巧和心得. Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单,来帮助开发者调试React Native应用. 提示:生产环境release (production) 下Developer Menu是不可用的. 如

在做React Native开发时,少不了的需要对React Native程序进行调试.调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率.本文将向大家分享React Native程序调试的一些技巧和心得. Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单,来帮助开发者调试React Native应用. 提示:生产环境release (production) 下Developer Menu是不可用的. 如

此文是我的出版书籍<React Native 精解与实战>连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理.React Native 组件布局.组件与 API 的介绍与代码实战,以及 React Native 与 iOS.Android 平台的混合开发底层原理讲解与代码实战演示,精选了大量实例代码,方便读者快速学习. 书籍还配套了视频教程「80 节实战课精通 React Native 开发」,此视频课程建议配合书籍学习,书籍中原理性的东西讲解的比较清晰,而

Android平台的调试和其他平台的调试也很类似,例如:在Android Studio打开的工程中,打开源码MainActivity.java,然后,将鼠标移至代码编辑区的左侧后,单击鼠标即可添加断点,接着,选择菜单Debug -> Debug ‘app’,即可调试Android应用,效果如图5.12所示. 图5.12  Android原生项目断点调试 如果要调试原生项目的实现和逻辑,可以使用上述方法:如果要调试Android的布局可以使用React Native的调试选项:Toggle Ins

在实际开发中,还有一个影响开发效率的重要因素:调试. 在1.4.3节中已经介绍了Enable Live Debugger的使用.本节来介绍另一个非常重要的调试选项:Debug JSRemotely选项. (1)晃动设备或使用模拟器上的快捷键(iOS模拟器快捷键command + d,Android模拟器快捷键command + m)打开调试选项,效果如图2.15所示. 图2.15  React Native调试选项 (2)单击Debug JS Remotely选项.此时,React Native

1.模拟器报错no bundle url present https://github.com/facebook/react-native/issues/12754 http://www.cnblogs.com/dragon-aslan/p/6965014.html 2.模拟器快捷键 回到首页: Cmd + Shift + H 按一次 HOME键摁两次: Cmd + Shift + H 按两次 旋转 :Cmd + 左/右 类似手机长按 : 鼠标放app图像上,长摁电脑左下角,然后Cmd + Sh

转自:http://blog.csdn.net/quanqinyang/article/details/52215652 在做React Native开发时,少不了的需要对React Native程序进行调试.调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率.本文将向大家分享React Native程序调试的一些技巧和心得. Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单,来帮助开发者调试React

配置开发安装总结(由于当前react-native更新较快,目前是针对2015年11月底时的reacti-native android for windows版本,有些内容可能过时) 官方的安装指导在此处:http://facebook.github.io/react-native/docs/android-setup.html#content 但是在Windows下安装远没有这么简单.下文是在window7 x64下的安装体验.   目录: 1.开发IDE:Webstorm 2.开发环境安装.

前言 React Native由Facebook公司于2015年F8大会上开源,其主张“Learn once, write everywhere”.React Native的核心设计理念是:既拥有Native(原生)的用户体验,又拥有React的开发效率. 目前,React Native已经基本上完成了对多端的支持,实现了真正意义上的面向配置的开发.开发者可以灵活的使用HTML和CSS进行布局,使用React语法构建组件,实现H5.Android.iOS等多端的代码复用. 就目前来看,React