随笔分类 -  React Native

摘要： 阅读全文

摘要： react-native-swiper 解析 1.传递组件给swiper，作为swiper组件的children，2.假如 有 4 张图片需要循环播放，那么传给swiper 4个 <Image /> （1、2、3、4） 事实上swiper组件内会对其进行一次编辑 ： 4、1、2、3、4、13.依 阅读全文

摘要：React-Native Image加载图片方式解析 1.加载当前工程文件夹下图片 <Image style={styles.image} source={require('./TT2.jpg')} /> 2.加载当前应用沙盒文件内图片 分析： 假定图片存储在document文件夹下（documen 阅读全文

摘要：/** * Created by apple on 2016/10/12. *//** Sample React Native App * https://github.com/facebook/react-native * @flow */"use strict"import React, {Component} from 'react'import { AppRegistry... 阅读全文

摘要：****************************** 知识点 ****************************** 1.读取本地json、json解析 ****************************** 效果图 ****************************** 阅读全文

摘要：/** Sample React Native App * https://github.com/facebook/react-native * @flow */"use strict"import React, {Component} from 'react'import { AppRegistry, View, Text, Picker, StyleS... 阅读全文

摘要：/** Sample React Native App * https://github.com/facebook/react-native * @flow */"use strict"import React, {Component} from 'react'import { AppRegistry, View, Text, Picker, StyleS... 阅读全文

摘要："use strict"import React, {Component} from 'react'import { AppRegistry, View, Text, DatePickerIOS, StyleSheet} from 'react-native' let minDate = new D 阅读全文

摘要："use strict"import React, { Component } from 'react';import { AppRegistry, StyleSheet, View, Text, ActivityIndicator, TouchableOpacity} from 'react-native';class HelloWorld extends C... 阅读全文

摘要："use strict"import React, { Component } from 'react';import { AppRegistry, // 注册组件,是应用的JS运行入口 StyleSheet, // 样式表, 类似于一个集合包含各个组件的属性 ListView, Dimensions, Text, TouchableOpacity, I... 阅读全文

摘要：2016-10-08 13:32:48.191 [info][tid:com.facebook.react.JavaScript] '1', 's1', '0' 2016-10-08 13:32:48.212 [info][tid:com.facebook.react.JavaScript] '2' 阅读全文

摘要：ListView： 1.一个展示垂直列表，类似于OC中TableView （后续研究 水平列表； 2.并不是立刻渲染所有元素（cell），而是优先渲染屏幕上可见的cell，类似tableview 中 cell的重用； 3.必须的两个属性：dataSource和renderRow，前者是列表数据源，后 阅读全文

摘要："use strict"import React, { Component } from 'react';import { AppRegistry, // 注册组件,是应用的JS运行入口 StyleSheet, // 样式表, 类似于一个集合包含各个组件的属性 ScrollView, Dimensi 阅读全文

摘要："use strict"import React, { Component } from 'react';import { AppRegistry, // 注册组件,是应用的JS运行入口 StyleSheet, // 样式表, 类似于一个集合包含各个组件的属性 ScrollView, Dimensions, // 规格 TouchableWithoutFeedba... 阅读全文

摘要：RN中TextInput（输入框）使用总结，RN中文网上写的例子涉及到诸多小的知识点，在此做一一解析。 阅读全文

摘要：参考：http://www.tuicool.com/m/articles/JzmMryr Flexbox可以在不同屏幕上提供一致的布局结构，一般使用flexDirection、justifyContent、alignItems三个样式来辅助设计。 1.flexDirection：在组件的style中 阅读全文

摘要：组件的高度，宽度决定了在屏幕上的尺寸。React-Native中尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。 阅读全文

摘要：我们使用两种数据来控制一个组件：Props+State。props在父组件中指定，一旦指定，在该组件的生命周期中不再改变。而对于需要改变的数据，我们通过state进行修改 constructor(构造器)：初始化组件state值，返回值会赋给this.state属性。 EC6写法 定时器 setTi 阅读全文

摘要：以常见的基础组件Image为例，在创建一个图片时，可以传入一个名为source的prop来指定要显示的图片的地址，以及使用名为style的prop来控制其尺寸。 <Image source={uri: 'https://upload.wikimedia.org/wikipedia/commons/d 阅读全文

摘要：******************** RN开发环境搭建完成后，总会来一个“HelloWorld”嘚瑟一下。******************** 参考资料：http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html 1.创建HelloWorld （一 阅读全文