Как я могу стиль выбора в реагировать родной

Question

У меня есть этот инструмент выбора, я установил для него 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>

Answer 1

Попробуйте использовать: react-native-picker-select

https://www.npmjs.com/package/react-native-picker-select

Есть много возможностей (включая стиль ...)

Answer 2

Я создал образец Snack в качестве возможного решения проблемы.

https://snack.expo.io/@incorelabs/style-picker-android

Очевидно, на Android вам нужно обернуть Picker в родительском представлении и применить границуи цвет фона к этому.Я надеюсь, что это желаемый результат, который вы искали.

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;