React Native或NativeBase Picker可以包含包含圖像的項目嗎？

Question

我是新來的智能手機程序設計和加入了使用本地做出反應和NativeBase項目。

我想包括在一個選擇器，它似乎並不像一個外來概念，每個項目的圖像/圖標，但它似乎並沒有得到支持，我無法找到任何人討論這樣做在SO或谷歌搜索。

我已經嘗試了幾種方法在<Picker.Item>和</Picker.Item>內添加東西，但似乎任何東西都被忽略。

是否有可能還是有不同的方法做什麼我想用這些框架？

Answer 1

你可以試試這個包

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

完整的例子，你可以點擊這裏

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

使用是這樣的

_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> 
); 
} 

最終產品例子是是這樣的：

的所有版權屬於： https://github.com/sohobloo