Question

hai我正在使用segmentedControlIOS，我无法在recat-native中更改segmentedControlIOS中值的大小和颜色任何一个帮助我，任何帮助很多赞赏

<SegmentedControlIOS 
        tintColor="#D7D7D5"
        style={styles.SegmentedControlIOS}
         values={this.state.values}//for these values i need to set the size and color
          selectedIndex={this.state.selectedIndex}
          onChange={this._onChange}
          onValueChange={(val) =>{
            this.setState({
              value:val
            })
          }}/>

Answer 1

看源头...... https://github.com/facebook/react-native/blob/62e8ddc20561a39c3c839ab9f83c95493df117c0/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js

您似乎可以更改颜色，但不能更改文字的大小。

这里是关于RNPlay的UIExplorer示例以及下面的相关示例。 https://rnplay.org/apps/pNY2zA

var ColorSegmentedControlExample = React.createClass({
  render() {
    return (
      <View>
        <Text>Color</Text>
        <View style={{marginBottom: 10}}>
          <SegmentedControlIOS tintColor="#ff0000" values={['One', 'Two', 'Three', 'Four']} selectedIndex={0} />
        </View>
        <View>
          <SegmentedControlIOS tintColor="#00ff00" values={['One', 'Two', 'Three']} selectedIndex={1} />
        </View>
      </View>
    );
  },
});

如何在react-native中更改segmentedControlIOS中值的fontsize和color

1 个答案: