React Native添加Thumbnail到Picker后点击按钮无报错闪退如何解决？

• 闪退的直接原因是你错误地将Thumbnail组件作为Picker的直接子元素插入：React Native官方提供的Picker组件仅允许<Picker.Item>作为直接子节点，渲染时遇到非允许类型的子元素会触发底层未捕获异常，直接导致应用无报错闪退。
• 额外说明：React Native自带的Picker本身不支持自定义选项内容，无法直接在选项中插入图片，你原本的实现思路不符合原生Picker的能力边界。

如果要实现带图片的下拉选择效果，可以选择两种方案：

1. 使用第三方自定义下拉选择组件，这类组件支持自定义渲染选项内容，可以自由组合图片和文本
2. 自行基于Modal + FlatList封装自定义下拉选择器，完全自主控制选项的布局样式

修正后的基础逻辑示例（以自定义封装为例） #

// 先定义选项数据，包含值、文本、图片资源
const pickerOptions = [
  {label: 'BITCOIN', value: 'btc', icon: require('../../assets/Btc3232.png')},
  {label: 'TÜRK LİRASI', value: 'tl', icon: require('../../assets/对应的里拉图标路径.png')}
]

// 组件内改用自定义选择器触发，比如用TouchableOpacity代替原来的Picker，点击弹出Modal展示选项
// 每个选项的渲染逻辑参考：
pickerOptions.map(item => (
  <TouchableOpacity 
    key={item.value}
    onPress={() => {
      setSelectedValue(item.value)
      // 自行补充关闭下拉弹窗的逻辑
    }}
    style={{flexDirection: 'row', alignItems: 'center', padding: 10}}
  >
    <Thumbnail square style={{width: 30, height: 32, marginRight: 10}} source={item.icon}/>
    <Text>{item.label}</Text>
  </TouchableOpacity>
))

内容的提问来源于stack exchange，提问作者Şahan Hasret