реагировать родной и родной компонент базы выбора - PullRequest
Новая
       45

реагировать родной и родной компонент базы выбора

0 голосов
/ 13 октября 2018

Я хочу создать компонент выбора для Android, а также для ios, но сталкиваюсь с проблемой в стилизации.

Что я хочу сделать, это стилизовать текст выбора, который отображается по умолчанию (это может бытьзаполнитель или выбранный элемент из списка выбора).

Я пробовал приведенный ниже код, но он не работает. 

<View style={{ backgroundColor: "#FFFFFF", borderRadius: 3, height: 39, marginTop:5, }}>
  <Picker style={{ width: screenWidth, opacity:0.4, }}

    textStyle={{ color: "blue" }}
    itemStyle={{
    backgroundColor: "green",
    marginLeft: 0,
    paddingLeft: 10
    }}
    itemTextStyle={{ color: '#788ad2' }}
  >
  
    <Picker.Item label="Java" value="java" />
    <Picker.Item label="JavaScript" value="js" />
  </Picker>
</View>

Любая помощь будет большим плюсом.

Ответы [ 2 ]

0 голосов
/ 13 октября 2018

Чтобы стилизовать выбранный элемент, вам просто нужно поместить ваши предпочтительные стили в itemStyle.'textStyle' и 'itemTextStyle' являются недопустимыми реквизитами, вы можете проверить предоставленные реквизиты в этом документах

Кроме того, вы можете использовать любой из стилей этого текста для itemStyle как описано в в этом разделе

edit: вы можете импортировать Dimension из собственного пакета пакета

import {Dimensions} от 'Reaction-native'; 

    <View style={styles.container}>
    <Picker style={{ width: Dimensions.get('window').width, opacity:0.4}}
      itemStyle={{
        color: "blue",
        backgroundColor: "green",
        marginLeft: 0,
        paddingLeft: 10
      }}
    >

      <Picker.Item label="Java" value="java" />
      <Picker.Item label="JavaScript" value="js" />
    </Picker>
  </View>
0 голосов
/ 13 октября 2018

Попробуйте заменить itemStyle код приведенным ниже фрагментом. 

itemStyle={{
          color: "red",
          fontFamily: "Georgia",
          fontSize: 50,
          backgroundColor: "green",
          textAlign: 'left',
        }}

Очевидно, вы можете использовать Прописки стиля текста , чтобы добавить стилизацию к тексту Picker, PickerIOS в React Native.

...