相关疑难解决方法(0)

我正在尝试在React Native选取器中设置项目的文本颜色.到目前为止,我只在iOS上工作,但如果我能找到一个非常棒的跨平台解决方案.

我尝试过以下的事情:

在选择器上的样式颜色

<Picker style={{color:'white'}} ...etc >

在拾取器项目上的样式颜色

<Picker.Item style={{color:'#fff'}} label={'Toronto'} value={'Toronto'} />

我也看过一些添加颜色属性的例子,所以我尝试了这个

<Picker.Item color='white' label={'Toronto'} value={'Toronto'} />

在这里完全失去了.感谢您的任何见解!

编辑:这是一个解决方案 - 在Picker元素中使用itemStyle prop.我相信这只是iOS.

<Picker itemStyle={{color:'white'}} >
      <Picker.Item color='white' label={'Toronto'} value={'Toronto'} />
      <Picker.Item  label={'Calgary'} value={'Calgary'} />
</Picker>

如何将fontSize提供给picker(android)？我试着给它,但它不起作用

<Picker
  style={{fontSize:20}}
  selectedValue={this.state.language}
  onValueChange={(lang) => this.setState({language: lang})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

我想知道如何设置fontFamily.如何在Picker.items上设置颜色和背景颜色？

<Picker
   style={styles.picker} // cannot set fontFamily here
   selectedValue={this.state.selected2}
   onValueChange={this.onValueChange.bind(this, 'selected2')}
   mode="dropdown">
   <Item label="hello" value="key0" /> // cannot set backgroundColor here
   <Item label="world" value="key1" />
</Picker>

我张贴这在Github上,并得到了只有一些属性可以设置在通过风格,但一些选择器(如使用的字体)是通过原生的Android驱动的多个核心元素发生反应原住民答案.它需要通过使用styles.xml等的本机android来完成.

不幸的是,我不是一个原生的Android开发人员,所以我无法理解解决方案.我将以下代码段添加到/res/values/styles.xml,但弹出窗口的文本颜色或背景没有更改.

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
    </style>
    <style name="SpinnerItem">
        <item name="android:textColor">#ffffff</item>
        <item name="android:background">#993399</item>
    </style>
    <style name="SpinnerDropDownItem">
        <item name="android:textColor">#ffffff</item>
        <item name="android:background">#993399</item>
    </style>
</resources>

我需要做出哪些其他改变？如何设置fontFamily？

我正在尝试为react-native选择器添加一些样式,比如底层和设置占位符,但无法这样做.

const styles = StyleSheet.create({
  picker: {
    textDecorationLine: 'underline'
  }
});

<Picker
   style={[styles.picker]}>
   <Picker.Item label="Country" value="" />
   <Picker.Item label="United States" value="US" />
   <Picker.Item label="India" value="IN" />
</Picker>

1. 如果我使用value ="",那么它将country显示为可选值,这是我不想要的.
2. textDecorationLine 无法将下划线样式设置为选取器.

基本上,我希望创建这样的东西,

在哪里,我也可以设置占位符的颜色.

谢谢你.

我想更改选择器的字体大小并设置选择器项目的格式。我已按照以下链接中的说明重新运行 react-native run-android，但没有任何变化。

如何设计标准的 react-native android 选择器？

<Picker
  // selectedValue={this.state.language}
  selectedValue="USD"
  style={{ height: 50, width: 100, marginRight: 10, justifyContent: 'flex-start'  }}
  itemStyle={{ fontFamily: 'Roboto_thin' }}
  // onValueChange={(itemValue, itemIndex) =>
  //   this.setState({ language: itemValue })
  // }
  >
  <Picker.Item label="USD" value="java" />
  <Picker.Item label="ETB" value="js" />
</Picker>

我想更改选择器项目的字体，并添加带有 fontFamily 值的属性 itemStyle 。但选择器项目的字体没有改变。