2016-02-26小小哆iOSDev,React Native相关评论(0)
一、前言ListView组件是React Native中一个比较核心的组件,用途非常的广。该组件设计用来高效的展示垂直滚动的数据列表。最简单的API就是创建一个ListView.DataSource对象,同时给该对象传入一个简单的数据集合。并且使用数据源(data source)实例化一个ListView组件,定义一个renderRow回调方法(该方法的参数是一个数组),该renderRow方法会返回一个可渲染的组件(该就是列表的每一行的item)二、ListView常用的属性ScrollView相关属性样式全部继承dataSource ListViewDataSource 设置L...
2016-02-24小小哆iOSDev,React Native相关评论(0)
一、前言在开发中还有一个非常重要的组件Image,通过这个组件可以展示各种各样的图片二、Image组件的基本用法从当前项目中加载图片 <View style={styles.container}> <Text style={styles.textMarginTop}>加载本地的图片</Text> <Image source={require('./img/2.png')} style={{width: 120, height: 120}} /> </View>该图片资源文件的查找和JS模块相似,该...
2016-02-20小小哆iOSDev,React Native相关评论(0)
一、什么是Text组件一个用于显示文本的React组件;和Android中的TextView组件相类似用来显示基本的文本信息;除了基本的显示布局之外,可以进行嵌套显示,设置样式,以及可以做事件(例如:点击)处理;演示案例:二、Text组件常用的属性方法allowFontScaling (bool):控制字体是否根据iOS的设置进行自动缩放-iOS平台,Android平台不适用numberOfLines (number):进行设置Text显示文本的行数,如果显示的内容超过了行数,默认其他多余的信息就不会显示了onLayout (function): 当布局位置发生变动的时候自动进行触发该方...
2016-02-16小小哆iOSDev,React Native相关评论(0)
React Native的FlexBox布局指南一、FlexBox布局1.1 什么是FlexBox布局?Flexbox是css3中引入的布局-弹性盒子模型,旨在通过弹性的方式来对齐和分布容器中内容的空间,使其能适应不同屏幕的宽度;Flex布局主要思想是:让容器有能力让其子项目能够改变其宽度、高度(甚至是顺序),以最佳方式填充可用空间;React native中的FlexBox是这个规范的一个子集。1.2 就是处理图中FlexItem在FlexContainer中的位置和尺寸关系二、Flexbox的应用场景2.1 Flexbox在布局中能够解决什么问题?浮动布局各种机型屏幕的适配水平和垂直...
2016-02-14小小哆iOSDev,React Native相关评论(0)
前言在开发中,会经常的去控制React Native的版本库,得以适配各种条件下的开发,那该如何查看、控制ReactNative的版本呢?(一)查看本地的React Native的版本命令行输入react-native --version命令行效果(二)更新本地的React Native的版本命令行输入npm update -g react-native-cli(三)查询react-native的npm包最新版本npm包地址 https://www.npmjs.com/package/react-native命令行查询npm info react-native查询效果项目中查看(四)升级...

站点统计

  • 建站日期:2014-12-06
  • 最后更新:2016-05-19
  • 运行时间:1947 天
  • 文章数量:44 篇