原文:React Native知识5-Touchable类组件

React Native 没有像web那样可以给元素绑定click事件,前面我们已经知道Text组件有onPress事件,为了给其他组件 也绑定点击事件,React Native提供了 个组件来做这件事。 .TouchableHighlight:高亮触摸,用户点击时,会产生高亮效果。 .TouchableOpacity:透明触摸。用户点击时,点击的组件会出现透明效果。 .TouchableWith ...

2016-09-06 18:00 0 5902 推荐指数:

查看详情

React Native知识4-Image组件

一个用于显示多种不同类型图片的React组件,包括网络图片、静态资源、临时的本地图片、以及本地磁盘上的图片(如相册)等 一:属性 1:onLayout function 当元素挂载或者布局改变的时候调用,参数为:{nativeEvent: {layout: {x, y, width ...

Wed Sep 07 00:41:00 CST 2016 0 4343
React Native知识8-WebView组件

创建一个原生的WebView,可以用于访问一个网页。可以加载一个URL也可以加载一段html代码; 一:属性 1:iosallowsInlineMediaPlayback bool 指定HTM ...

Thu Sep 08 02:22:00 CST 2016 0 3087
React Native知识9-ScrollView组件

一个包装了平台的ScrollView(滚动视图)的组件,同时还集成了触摸锁定的“响应者”系统。 记住ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给一个ScrollView确定一个高度的话,要么直接 ...

Thu Sep 08 03:18:00 CST 2016 0 7565
React Native知识10-ListView组件

ListView - 一个核心组件,用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源,然后给它传递一个普通的数据数组,再使用数据源来实例化一个ListView组件,并且定义它的renderRow回调函数,这个函数会接受数组中 ...

Thu Sep 08 18:17:00 CST 2016 0 2916
React Native知识2-Text组件

Text用于显示文本的React组件,并且它也支持嵌套、样式,以及触摸处理。在下面的例子里,嵌套的标题和正文文字会继承来自styles.baseText的fontFamily字体样式,不过标题上还附加了它自己额外的样式。标题和文本会在顶部依次堆叠,并且被代码中内嵌的换行符分隔开。 一:属性 ...

Tue Sep 06 07:06:00 CST 2016 0 3088
React Native知识3-TextInput组件

TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置,譬如自动完成、自动大小写、占位文字,以及多种不同的键盘类型(如纯数字键盘)等等。它的样式属性跟Text是一样; 一:属性 1:autoCapitalize enum('none ...

Tue Sep 06 23:14:00 CST 2016 0 1885
React native 的DatePickerIOS组件

1.首先如代码所示 引入DatePickerIOS组件 设置他的时间是当前时间 export default class AlertDemo extends Component { render() { return ( <View style ...

Tue Aug 16 18:09:00 CST 2016 0 2252
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM