React Native 中的 SegmentedControlIOS 组件的 values 属性 - React Native 中文文档

React Native 中的 SegmentedControlIOS 组件的 values 属性用于设置 SegmentedControlIOS 组件的选项

values 属性必须是一个 数组 ( Array ) ，索引用于设置选中项，值用作选项的文字，例如如果设置 values 为 ['One', 'Two']，那么就会有两个选项，One 和 Two

语法

<SegmentedControlIOS
  values={['One', 'Two']}
  selectedIndex={0}
  onChangeValue={(value) => { console.log('你选择了：' + value)}}
/>

导入模块

import { SegmentedControlIOS } from 'react-native';

属性说明

属性	类型	默认值	是否必传	平台	说明
values	Array	[]	否	Android,iOS	用于设置 `SegmentedControlIOS` 组件中的选项

范例

下面的范例，演示了如何使用 React Native 的 SegmentedControlIOS 组件的 values 属性

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
                momentary={true}
                values={values}
                selectedIndex={0}
                onChangeValue={(value) => {console.log('你选择了：' + value)}}
            />
            <Text>简单教程，简单编程 (https://www.twle.cn)</Text>
        </View>
    );
  }
}