Summersblue的博客

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

ListView组件是React Native中一个比较核心的组件，用途非常的广。该组件设计用来高效的展示垂直滚动的数据列表。最简单的API就是创建一个ListView.DataSource对象，同时给该对象传入一个简单的数据集合。并且使用数据源(data source)实例化一个ListView组件,定义一个renderRow回调方法(该方法的参数是一个数组)，该renderRow方法会返回一个可

AsyncStorage是一个简单的、具有异步特性的键值对的存储系统，全局的！替代LocalStorageAsyncStorage里面都有一个回调函数，而回调的第一个参数都是错误对象，如果发生错误，该对象就会展示错误信息，否则为null；每个方法都会返回一个Promise对象。案例：购物车（数据共享） 列表页 结算页1.数据模型构建2.列表项Item组件（es6中默认属性与属性类型的定义）3.列表

Please specify ESLint Package correctly: no such directory I’m struggling to get this setup. I installed ESLint with:sudo npm install -g eslintThen I ran updatedb and locate eslint.js, which output:/u

windows下步骤本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：安装jdk1.8 http://download.oracle.com/otn-pub/java/jdk/8u101-b13/jdk-8u101-windows-x64.exe 安装sdk http://androiddevtools.cn/ 注意环境 变量的配置 IDE上FILE/

Visual Studio Code编辑工具：1.解决修改字体或其他报错的问题2.使用技巧：拆分编辑器 ctrl+\3.无插件化的代码diff：右键文件—>选择以进行比较4.格式化js文件 右键代码区域—>格式代码 Alt+Shift+F

【原创】东方耀reactnative 视频31之-开源导航组件 react-native-tab-navigator

adb shell input keyevent 82 可以打开开发者菜单1 调试输出 console.log();2 打断点breakpoint 查value

入口组件AppRegistry是JS运行所有React Native应用的入口，应用的根组件应当通过AppRegistry.registerComponent方法注册自己，当注册完后，原生系统才可以加载应用的bundle包并且触发AppRegistry.runApplication来真正运行应用

在上一节课代码的基础上：分析路由栈的结构(帖子后面有图片)，见该集视频教程 栈：先进后出，后进先去！componentWillMount() { if (Platform.OS === ‘android’) { BackAndroid.addEventListener(‘hardwareBackPress’, this.onBackAndroid); }

41、手把手教React Native实战之API学习DatePickerAndroid与TimePickerAndroid日期、时间选择器 Android中是以api的形式，IOS是以组件的形式DatePickerAndroid：static open(options: Object) 打开一个标准的Android日期选择器的对话框可选的options对象的key值如下：date (Date对象

日期时间选择器 在IOS中是以组件的形式 DatePickerIOS支持View组件的所有属性，可以设置他的宽度、高度、位置等这是一个受约束的(Controlled)组件，所以你必须监听onDateChange回调函数并且及时更新date属性来使得组件更新，否则用户的修改会立刻被撤销来确保当前显示值和props.date一致。除了View组件的属性，DatePickerIOS组件还支持如下属性：da

需求：分享和弹出多项选择操作！在IOS开发中，ActionSheet提供了这样的功能，而React Native同样封装了该功能，那就是ActionSheetIOS提供了两个静态方法：static showActionSheetWithOptions(options,callback):在iOS设备上显示一个ActionSheet弹出框，其中options参数为一个对象，其属性必须包含以下一项或多项

网络连接状态NetInfo：获取网络状态是异步的，使用了js的Promise机制Android平台的网络连接类型状态如下:1.NONE 设备没有网络连接2.BLUETOOTH 蓝牙数据连接3.DUMMY 虚拟数据连接4.ETHERNET 以太网数据连接5.MOBILE 手机移动网络数据连接6.MOBILE_DUN 拨号移动网络数据连接7.MOBILE_HIPRI 高权限的移动网络数

CameraRoll模块提供了对手机中保存的图片、视频文件进行遍历访问与操作。 提供两个静态方法static getPhotos(params: object)可以得到手机中所有的图片和视频（不仅仅是使用摄像头拍摄的照片、视频，还有各个应用自己下载到手机的图片与视频）params：对象 一些筛选的规则 有4个成员变量1.first 数值 希望获取多少张图片的信息2.groupTypes 字符串 默

46、手把手教React Native实战之开源组件react-native-camera推荐一个跨平台的rn-camera-roll：https://www.npmjs.com/package/rn-camera-rollA Camera component for React Native. Also supports barcode scanning!二维码扫描原生Android Zxing

1 npm install react-native-side-menu –save 2

重点理解：为什么rn中会有WebView？

github上搜索 react-native-swiper车博士互联网驾校平台

现象对着书本及网上文章，如果要进行真机调试，得修改appdelegate.m里的ip,但高版本的react native已经做了大变动。 React Native iOS在0.29.0版本中BundleURL加载方法做了重大改变，新增了RCTBundleURLProvider单例类专门处理BundleURL，使用NSUserDefaults保存配置信息。 默认加载方式 在Debug模式下，执行

现象xcode加证书时，导入后，提示如上 此account为非证书account,更换一个有开发认证的account后，提示如下 No provisioning profiles matching an applicable signing identity were found.分析如何用xcode免证书真机测试处理http://jingyan.baidu.com/article/77b8dc

终于成功了http://www.jianshu.com/p/3b2be6454462

1 新建项目在中间要新起项目时，记得经常要做一件事 npm update -g react-native 然后再继续以下一行 react-native init BookBrowser经常查 https://github.com/facebook/react-native/releases/latest 然后到项目根目录下，修改 package.json 改变 react-

Warning: Failed prop type: Invalid prop enablesReturnKeyAutomatically of type string supplied to TextInput, expected boolean. in TextInput (created by BookBrowser) in BookBrowseranswer: enab

Constructor has no propType for native prop RCTView.maxHeight of native type CGFloat If you haven’t changed this prop yourself, this usually means that your versions of the native code and JavaScript

launch google chromerun the app in the simulator in the simulator ,choose shake guesture from the hardware menu, now open a new tab in chrome, hit cmd+alt+j and the chrome developer tools are o

rn有三个组件有被点击能力（去包裹其他组件） 1 TouchableHighlight 高亮 onHideUnderlay, onShowUnderlay,underlayColor(点击时背景阴影效果的背景色) 2 TouchableOpacity 设置透明度 activeOpacity3 TouchableWithoutFeedback//不建议用/** * Sample Rea

调用图片路径很多，网络图片，本地图片，照相机图片Image组件的属性resizeMode: 图片适用的模式cover ,contain, stretch source： 静态图片资源 网络图片 source={{uri:’http://www.baidu.com/1.png‘}} 本地图片: source +{require{(./baidu.png’)} /**

小米手机遇到通用问题 react-native run-android 运行生成 android|app|build|outputs|apk 生成的apk丢到小米手机上 （用手机qq接收apk）然后安装文本输入框 TextInput 基本组件，自动补全的search功能 调试apk目录project|android|app|build|outputs|apk 小米已启用，允许其他应用

分平台的 ProgressBarAndroid, ProgressViewIOS styleAttr Horizontal , Small,Large,Inverse,SmallInverse, LargeInverse progress://经ios测试，styleattr的几个属性，在ios里无效果

封装了平台drawerlayout（仅限android平台)的react组件，抽屉（通常用于导航切换）是通过rendernavigationview方法渲染的，并且drawerlayoutandroid的直接子视图会成为主视图（用于放置你的内容），导航图一开始有屏幕，并不可见，不过可以从drawerposition指定的窗口侧面拖揭出来，并且抽屉的宽度可以使用drawerwitdth属性来指定dra

一个允许有子视图之间左右翻页的容器，每一个viewpagerandroid的子容器会被视图作为一个单独的页，并且会被拉伸填满viewpagerandroid, 注意所有的子视图都一定要是纯view,不能是自定义的复合容器 属性： 1.initialPage 初始选中页的下标 2.onPageScroll 当在页间切换时（不论是由于动画还是由于用户在页间拖拉）执行 回调参数中的event.n

导航器对比navigatorIOS只用于ios实现复杂需要很容易遇到困难 利用renderScene方法15 如何传递参数，或从对方获取参数A:传递参数，通过push就可以params:{ id:this.state.id } 这个语法是把routes.params里的每个key作为props的一个属性 : {…route.params} componentDidMount(){ //

很复杂了，前后关联得仔细了解 源码见 http://www.reactnative.vip/thread-143-1-2.html 进度条方法，可以学着以后其他地方全用

进入首页homeui获取网络数据 android原生开发： 子线程 handler机制，异步作务asynctask reactnative擅长ui界面处理，通过this.state来触发 rn中的网络请求： xmlhttprequest fetch post get

47、手把手教React Native实战之API学习定时器与手机定位Geolocation定时器API：setTimeout、setInterval、setImmediate、requestAnimationFrame 跟浏览器中的一致setTimeout：设置定时任务，隔多久去执行setInterval：设置循环执行的任务，每隔多久循环执行一次setImmediate：设置立即执行的任务requ