Un sélecteur React Native ou NativeBase peut-il contenir des éléments incluant des images?

Question

Je suis nouveau à la programmation de smartphones et j'ai rejoint un projet en utilisant React Native et NativeBase. Je souhaite inclure une image/icône dans chaque élément d'un sélecteur, ce qui ne semble pas être un concept exotique, mais il ne semble pas être pris en charge et je ne trouve personne pour en discuter sur SO ou par Google.

J'ai essayé plusieurs façons d'ajouter des choses à l'intérieur des <Picker.Item> et </Picker.Item> mais tout ce qui y est placé semble simplement ignoré.

Est-il possible ou existe-t-il une approche différente pour faire ce que je veux en utilisant ces frameworks?

Answer 1

Vous pouvez essayer ce paquet

https://github.com/sohobloo/react-native-modal-dropdown

l'exemple complet, vous pouvez vérifier ici

https://github.com/sohobloo/react-native-modal-dropdown/blob/master/example/index.js

l'utilisation est quelque chose comme ça

_dropdown_2_renderRow(rowData, rowID, highlighted) { 
let icon = highlighted ? require('./images/heart.png') : require('./images/flower.png'); 
let evenRow = rowID % 2; 
return (
    <TouchableHighlight underlayColor='cornflowerblue'> 
    <View style={[styles.dropdown_2_row, {backgroundColor: evenRow ? 'lemonchiffon' : 'white'}]}> 
     <Image style={styles.dropdown_2_image} 
      mode='stretch' 
      source={icon} 
     /> 
     <Text style={[styles.dropdown_2_row_text, highlighted && {color: 'mediumaquamarine'}]}> 
     {`${rowData.name} (${rowData.age})`} 
     </Text> 
    </View> 
    </TouchableHighlight> 
); 
} 

le produit final exemple est ressemblent à ceci:

tous les droits d'auteur appartiennent à: https://github.com/sohobloo