React Native 中的 SegmentedControlIOS 组件的 enabled 属性

返回上一级

React Native 中的 SegmentedControlIOS 组件的 enabled 属性用于设置 SegmentedControlIOS 组件是否可用

注意

即使将 enabled 属性设置为 falseSegmentedControlIOS 组件仍然会显示,但是不可点击。

语法

<SegmentedControlIOS
    enabled={true}
    values={['One', 'Two']}
    selectedIndex={this.state.selectedIndex}
    onChange={(event) => {
        this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex});
    }}
/>

导入模块

import {SegmentedControlIOS} from 'react-native';

属性说明

属性 类型 默认值 是否必传 平台 说明
enabled bool true Android,iOS 用于设置 SegmentedControlIOS 组件是否可用

范例

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

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
                enabled={true}
                values={values}
                selectedIndex={selectedIndex}
                onChange={(event) => {
                    this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex});
                }}
            />
            <Text>简单教程简单编程 (https://www.twle.cn)</Text>
        </View>
    );
  }
}

返回上一级

React Native 中文文档

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.