← React Native 中的 SegmentedControlIOS 组件的 onChangeValue 属性
React Native 中的 SegmentedControlIOS 组件的 tintColor 属性 →
React Native 中的 SegmentedControlIOS 组件的 selectedIndex 属性
React Native 中的 SegmentedControlIOS 组件的 selectedIndex
属性用于设置 SegmentedControlIOS
组件的 默认选中项
selectedIndex
的默认值是 0
,如下所示
语法
<SegmentedControlIOS values={['One', 'Two']} selectedIndex={0} onChangeValue={(value) => { console.log('你选择了:' + value)}} />
导入模块
import { SegmentedControlIOS } from 'react-native';
属性说明
属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
---|---|---|---|---|---|
selectedIndex | integer | 0 |
否 | Android,iOS | 用于设置 SegmentedControlIOS 组件中的 默认选中项 |
范例
下面的范例,演示了如何使用 React Native 的 SegmentedControlIOS 组件的 selectedIndex
属性
import React, {Component} from 'react'; import {Text,View, SegmentedControlIOS} from 'react-native'; export default class App extends Component{ constructor(props) { super(props) this.state = { selectedIndex:0, values:['你','我','它'] } } render() { const {selectedIndex,values} = this.state return ( <View> <SegmentedControlIOS values={values} selectedIndex={1} onChangeValue={(value) => {console.log('你选择了:' + value)}} /> <Text>简单教程,简单编程 (https://www.twle.cn)</Text> </View> ); } }