← React Native 中的 SegmentedControlIOS 组件的 selectedIndex 属性
React Native 中的 SegmentedControlIOS 组件的 values 属性 →
React Native 中的 SegmentedControlIOS 组件的 tintColor 属性
React Native 中的 SegmentedControlIOS 组件的 tintColor
属性用于设置 SegmentedControlIOS
组件的 主题色
tintColor
的默认值是 蓝色,如下所示
当然了,我们也可以设置为其它的颜色
语法
<SegmentedControlIOS values={['One', 'Two']} tintColor='red' selectedIndex={0} onChangeValue={(value) => { console.log('你选择了:' + value)}} />
导入模块
import { SegmentedControlIOS } from 'react-native';
属性说明
属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
---|---|---|---|---|---|
tintColor | Color | 'blue' |
否 | Android,iOS | 用于设置 SegmentedControlIOS 组件中的 主题色 |
范例
下面的范例,演示了如何使用 React Native 的 SegmentedControlIOS 组件的 tintColor
属性
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 tintColor='red' values={values} selectedIndex={0} onChangeValue={(value) => {console.log('你选择了:' + value)}} /> <Text>简单教程,简单编程 (https://www.twle.cn)</Text> </View> ); } }