React native 如何在react native中设置选择器的样式
我有一个选择器,我为它设置了borderColor和backgrondColor,但它不工作,我如何为picker.item设置样式? 这是我的密码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
<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