1.首先确保adb环境添加到path环境   2.安装好夜神模拟器   3.运行模拟器   4.adb connect 127.0.0.1:62001   5.摇一摇设置IP和端口 如127.168.1.2:8081     http://www.reactnative.pw/…

react native新手学习之路07ListView_ renderHeader使用StaticContainer 1.某些特殊场景需要用ScrollView滚动和ListView配合但是不幸运的是它们不能很好的再一起工作,幸好ListView提供了renderHeader方法.但是这个方法每次循环都会刷新,对于性能不是很好.还好我们可以来改造它,看官方文档说使用StaticContainer可以解决. 解决:1.最开始是使用import 导入自带的StaticContainer 发现不好使…

新手学习之路01-创建项目开始 小菜鸟准备学习RN开发,决定写下自己的学习历程,方便其他也想要学习RN的人,后期会持续更新写下自己所有学习经历,一步步从菜鸟成长成业内高手.开发环境准备,本文默认环境已经装好,或者参考下面URL搭建环境.本章源码和文档请参考文章末尾 目录 01.创建项目开始 02.第一个RN项目 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ windows环境搭建 mac环境搭建参…

react native 新手之路04 组件化开发轮播图swiper支持安卓和IOS npm install react-native-carousel --save git 地址Properties           hideIndicators={false} // Set to true to hide the indicators indicatorColor="#FFFFFF" // Active indicator color indicatorSize={20} //…

React Native新手入门03真机调试(iOS) 从设备访问开发服务器 在启用开发服务器的情况下,你可以快速的迭代修改应用,然后在设备上查看结果.这样做的前提是你的电脑和设备必须在同一个wifi环境下. 打开AwesomeApp/ios/AwesomeApp/AppDelegate.m修改里面的URL,把localhost改为你的电脑的IP.在Mac系统下,你可以在系统设置/网络里找到电脑的IP地址. eg: jsCodeLocation = [NSURL URLWithString:@"…

本节带领大家学习使用ListView 做一个常用的滚动更新数据示例: 知识点: initialListSize={200} 第一次加载多少数据行 onEndReached={this.onEndReached} listview不能有flexDirection: 'row',onEndReachedThreshold像素时候执行该方法   定义方法必须onEndReached:function(){}  其他都会造成异常加载 pageSize={200}每次循环加载数据条数 onEndReach…

开始第一个RN项目(iOS版)我的电影列表0.1版,后面做列表版 打开上一节项目 index.ios.js,android打开index.android.js.我这里使用的是Atom编辑器,你也可以使用Sublime等任意文本编辑器.电影显示需要用到图片和文本,渲染缩略图需要用到Image组件,所以把Image添加到对React的import列表中. import { AppRegistry, StyleSheet, Text, View, Image } from 'react-native'…

1.首先下载好夜神模拟器2.查找已经安装的夜神模拟的端口,这里说一下夜神模拟器默认端口是62001,但是有些版本可能不是这个端口,怎么查找到底是哪个端口呢?按照如下顺序进行就可以查找到你按装的夜神模拟器端口了. 步骤: 1.启动夜神模拟器 2.打开夜神模拟器的安装文件夹,找到D:\YS\Nox\bin文件夹打开(D:\YS是夜神模拟器安装的路径根目录),找到[debugReport.bat]文件,双击启动该批处理文件.(或者找到[debug.bat]文件,双击启动该批处理文件,也可以查看端口.)…

1.在cmd界面搭建react-native 环境: 可参考https://reactnative.cn/docs/0.51/getting-started.html#content (1)npm install -g yarn react-native-cli 安装yarn命令工具和react-native命令工具,Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载. React Native的命令行工具用于执行创建.初始化.更新项目.运行打包服务(packager)…

一.首先来到夜神模拟器的安装目录下 如下图所示: 再把这整个文件夹添加到我们的windows环境变量里.然后再把android studio 和夜神模拟器都打开,注意必须同时打开而且不能够把夜神模拟器最小化!! 第二步.打开cmd. 输入adb,如果命令行模式有adb的使用说明,则说明配置变量成功,因此则继续输入: adb connect 如果出现如下反应,则连接adb成功: 第三步.在Android Studio里将进行调试的手机设置成我们的模拟器  夜神模拟器的默认手机是摩托罗拉手机,如下图…