2016-03-01小小哆iOSDev,React Native相关评论(0)
在前面的登录界面中,我们发现所有的组件不会对用户的点击、触摸、拖拽做出合适的响应,这是十分不友好的。那么,在React Native中如何让视图对触发做出合适的响应呢?一、高亮触摸 TouchableHighlight当手指点击按下的时候,该视图的不透明度会进行降低同时会看到相应的颜色,其实现原理则是在底层新添加了一个View。此外,TouchableHighlight只能进行一层嵌套,不能多层嵌套。常用属性:activeOpacity number设置组件在进行触摸的时候,显示的不透明度(取值在0-1之间)onHideUnderlay function 方法当底层被隐藏的时候调用...
2016-02-29小小哆iOSDev,React Native相关评论(0)
一、前言文本输入框,相当于OC中的UITextField,在用法和属性方面,两者都有很大的借鉴之处:通过键盘将文本输入到应用程序的一个基本的组件;二、TextInput的常见属性因为TextInput是继承自UIView,所以View的属性TextInput也能够使用,一些样式类的属性在学习的时候可以参照View的相关属性。value 字符串型文本输入的默认值onChangeText 函数监听用户输入的值:keyboardType 键盘类型决定打开哪种键盘,例如,数字键盘。enum('default', "ascii-capable", 'numbers-and-p...
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): 当布局位置发生变动的时候自动进行触发该方...

站点统计

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