Как удалить текст выбранного элемента из выпадающего списка react native?

#react-native #dropdown #selecteditem

#react-native #выпадающий #выбранный элемент

Вопрос:

Я использую выпадающий список react-native-material, и когда я выбираю элемент, выбранный элемент виден. Как заставить его исчезнуть, чтобы избежать попадания текста на изображение, подобное этому: Большое спасибо за любую помощь!

введите описание изображения здесь

         <View style={[styles.centeredView, {marginTop:0}]}>
      <MaterialDropdown
        data={data_dropdown}
        pickerStyle={styles.dropdownPickerStyle}
        affixTextStyle={{ fontFamily: "FunctionLH" }}
        itemTextStyle={{ fontFamily: "FunctionLH" }}
        labelTextStyle={{ fontFamily: "FunctionLH" }}
        containerStyle={styles.dropdownContainerStyle}
        itemCount={10}
        dropdownPosition={-4.5}
        underlineColor='transparent'
        labelExtractor={({ label }) => label}
        valueExtractor={({ value }) => value}
        propsExtractor={({ props }, index) => props}
        onChangeText={(value) => this.choiceAction(value)}
        useNativeDriver={true}
      />
      <Image
        source={require("../../assets/images/btn-filter-by-period.png")}
        style={{resizeMode: "contain",
                width: "95%",
                height: 50,
                borderRadius: 100 / 2,
                position: 'absolute',
                margin: 0,
                padding: 0,
                height:30,
                borderRadius:0}}/>
    </View>
  

Комментарии:

1. установите цвет текста на «прозрачный»

2. Спасибо за ваш ответ, но я уже пробовал это. Это делает все прозрачным, даже список выпадающего списка.

3. Возможно ли не отображать выбранный элемент в ярлыке?