React native 如何在react native中设置选择器的样式

React native 如何在react native中设置选择器的样式,react-native,react-native-android,React Native,React Native Android,我有一个选择器,我为它设置了borderColor和backgrondColor,但它不工作,我如何为picker.item设置样式? 这是我的密码 <Picker dataSource={this.state.x} style={{borderColor:'red' , backgroundColor:'green'}} // doesn't work > {this.state.x.map((value)=><Picker.Item

我有一个选择器,我为它设置了borderColor和backgrondColor,但它不工作,我如何为picker.item设置样式? 这是我的密码

 <Picker dataSource={this.state.x}
   style={{borderColor:'red' , backgroundColor:'green'}} // doesn't work 

      >

     {this.state.x.map((value)=><Picker.Item label={value} value={value} />)} 

     </Picker>

我已经创建了一个小吃样本,作为这个问题的可能解决方案

显然,在Android上,您需要将选择器包装在父视图中,并对其应用边框和背景色。我希望这是你想要的结果

import React from 'react';
import { View, Picker } from 'react-native';

class App extends React.Component {
  state = {
    language: null,
  };

  render() {
    return (
      <View
        style={{
          borderColor: 'red',
          backgroundColor: 'green',
          borderWidth: 1,
          marginTop: 100,
          marginLeft: 100,
          width: 200,
        }}>
        <Picker
          selectedValue={this.state.language}
          style={{
            height: 50,
            width: 200,
            color: 'white',
          }}
          onValueChange={(itemValue, itemIndex) =>
            this.setState({ language: itemValue })
          }>
          <Picker.Item label="Java" value="java" />
          <Picker.Item label="JavaScript" value="js" />
        </Picker>
      </View>
    );
  }
}

export default App;
从“React”导入React;
从“react native”导入{View,Picker};
类应用程序扩展了React.Component{
状态={
语言:空,
};
render(){
返回(
this.setState({language:itemValue})
}>
);
}
}
导出默认应用程序;

我制作了一份小吃样本,作为这个问题的可能解决方案

显然,在Android上,您需要将选择器包装在父视图中,并对其应用边框和背景色。我希望这是你想要的结果

import React from 'react';
import { View, Picker } from 'react-native';

class App extends React.Component {
  state = {
    language: null,
  };

  render() {
    return (
      <View
        style={{
          borderColor: 'red',
          backgroundColor: 'green',
          borderWidth: 1,
          marginTop: 100,
          marginLeft: 100,
          width: 200,
        }}>
        <Picker
          selectedValue={this.state.language}
          style={{
            height: 50,
            width: 200,
            color: 'white',
          }}
          onValueChange={(itemValue, itemIndex) =>
            this.setState({ language: itemValue })
          }>
          <Picker.Item label="Java" value="java" />
          <Picker.Item label="JavaScript" value="js" />
        </Picker>
      </View>
    );
  }
}

export default App;
从“React”导入React;
从“react native”导入{View,Picker};
类应用程序扩展了React.Component{
状态={
语言:空,
};
render(){
返回(
this.setState({language:itemValue})
}>
);
}
}
导出默认应用程序;

你所说的Picker.item样式是什么意思?文档上说,“itemStyle”只能用于iOS而不能用于Android你所说的Picker.item的样式是什么意思?文件说,“itemStyle”只能用于iOS,不能用于Android