react native SegmentedControlIOS 使用详解
来源:互联网 发布:济宁市高新区网络问政 编辑:程序博客网 时间:2024/05/29 15:50
SegmentedControlIOS 就是ios上的UISegmentedControl组件
View props:View的所有属性
enabled:是否禁用
momentary:true:选中后背景颜色很快消失
onChange:选项发生变化时调用,参数:event
onValueChange:选项发生变化时调用,参数:value
selectedIndex:一开始被选中的索引
tintColor:背景、边框、字体颜色
values:数据
/** * Created by on 2017/5/22. */import React, {Component} from 'react';import { StyleSheet, View, SegmentedControlIOS, Alert,} from 'react-native';export default class SegmentedControlIOSDemo extends Component { static navigationOptions = { title: 'SegmentedControlIOS', }; _onChange = (event)=>{ var s = 'onChange参数属性:selectedSegmentIndex:'+ event.nativeEvent.selectedSegmentIndex+'\n'+ 'target:'+event.nativeEvent.target+'\n'+ 'value:'+event.nativeEvent.value; Alert.alert(s); } onValueChange = (value)=>{ Alert.alert('onValueChange:'+value); } render() { return ( <View style={{flex:1}}> <SegmentedControlIOS //enabled={false} selectedIndex={1} //momentary={true} onChange={this._onChange} onValueChange={this.onValueChange} tintColor='red' values={['第1个','第2个','第3个','第4个']}/> </View> ); }}
github下载地址
阅读全文
0 0
- react native SegmentedControlIOS 使用详解
- react native ActivityIndicator使用详解
- react native Button 使用详解
- react native Text 使用详解
- react native Switch使用详解
- react native ScrollView 使用详解
- react native FlatList 使用详解
- react native SectionList 使用详解
- react native TextInput 使用详解
- react native Slider 使用详解
- react native StatusBar 使用详解
- react native DatePickerIOS 使用详解
- react native DrawerLayoutAndroid 使用详解
- react native Image 使用详解
- react native Modal 使用详解
- react native Picker 使用详解
- react native ProgressBarAndroid 使用详解
- react native RefreshControl 使用详解
- JAVA图形-选取本地磁盘中的特定后缀名的文件(JFileChooser和FileFilter)
- JAVA基础回顾之构造方法
- Hololens开发手记——Unity之Spatial Sounds空间声音
- Asp.net项目常用的控件
- JpGraph使用详解
- react native SegmentedControlIOS 使用详解
- Oracle高级查询实例,提升效率
- 2017GMTC全球移动技术大会专题介绍
- Java利用captcha实验图片验证码
- Linux shell编程
- Python中使用libsvm
- ios weak
- 重新排序一个序列
- ViewPager详解(二)广告轮播图