← React Native 中的 SegmentedControlIOS 组件的 enabled 属性
React Native 中的 SegmentedControlIOS 组件的 onChange 属性 →
React Native 中的 SegmentedControlIOS 组件的 momentary 属性
React Native 中的 SegmentedControlIOS 组件的 momentary
属性用于设置是否 高亮显示 SegmentedControlIOS 中的 选中项
注意
即使将 momentary
属性设置为 false
,SegmentedControlIOS
组件的 onValueChange
回调仍然会触发,只是在视觉上不体现而已
语法
<SegmentedControlIOS momentary={false} values={['One', 'Two']} selectedIndex={this.state.selectedIndex} onChange={(event) => { this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex}); }} />
导入模块
import { SegmentedControlIOS } from 'react-native';
属性说明
属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
---|---|---|---|---|---|
momentary | bool | true | 否 | Android,iOS | 用于设置 SegmentedControlIOS 组件是否高亮显示 选中项 |
范例
下面的范例,演示了如何使用 React Native 的 SegmentedControlIOS 组件的 momentary
属性
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={selectedIndex} onChange={(event) => { this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex}); }} /> <Text>简单教程,简单编程 (https://www.twle.cn)</Text> </View> ); } }