Javascript 使用React本机选择器选择无头组件

我尝试使用React Native Picker为iOS和Android选择无头组件。根据发现的文件：

您可以传递子组件（如自定义按钮或输入）以包装组件（适用于iOS和Android）

以下是我的代码示例：

import React, { Component } from 'react';
import {
  View,
  Text,
} from 'react-native';

import RNPickerSelect from 'react-native-picker-select';

<View style={{flex:1}}>
  <RNPickerSelect
    placeholder={{}}
    items={MyList}
    onValueChange={(itemValue, itemIndex) => {
      console.log('itemValue')
    }}
    style={{...pickerSelectStyles}}
  >
    <View style={{backgroundColor:'purple', flex:1, justifyContent:'center', alignItems:'center'}}>
      <Text>
        Test Text where I should be able to touch to get things to happen
      </Text>
    </View>
  </RNPickerSelect>

  const pickerSelectStyles = StyleSheet.create({
    headlessAndroidContainer: {
      flex:1
    }
  });
  <View style={{height:height * 0.5}}>
    <Text>test</Text>
  </View>
</View>
const pickerSelectStyles = StyleSheet.create({
  viewContainer: {
    flex:1,
    backgroundColor: 'purple',
  },
  headlessAndroidContainer: {
    backgroundColor: 'purple',
    flex:1
  }
});

import React，{Component}来自'React'；
进口{
看法
文本，
}从“反应本机”；
从“反应本机选择器选择”导入RNPickerSelect；
{
console.log（'itemValue'）
}}
style={{…pickerSelectStyles}
>
测试文本，我应该能够触摸到它，让事情发生
const pickerSelectStyles=StyleSheet.create({
headlessandroid容器：{
弹性：1
}
});
测试
const pickerSelectStyles=StyleSheet.create({
视图容器：{
弹性：1，
背景颜色：“紫色”，
},
headlessandroid容器：{
背景颜色：“紫色”，
弹性：1
}
});

我期望发生的是，在我的屏幕上，我看到两个部分，一半是紫色，一半是白色。紫色部分有文本说事情应该发生，白色部分应该已经测试过。我应该能够点击紫色部分的任何位置，我的MyList选择器应该出现

这在模拟器上可以正常工作，但在真正的安卓设备上却不行。在真正的设备上，我似乎可以在紫色区域上四处走动，拾取者偶尔出现。任何帮助都将不胜感激

---

编辑：忘了提到这是一个android问题，它可以在真实和模拟的iPhone上运行

添加最新版本（5.0版）似乎解决了这个问题。我添加的版本是4.4，我可能在10天前将其添加到我的项目中。最新版本大约在一周前发布，似乎解决了这个问题。

似乎将RNPickerselect包装在一个TouchableWithoutFeedback中，出于某种原因，它会中断，一旦超出该标记，它就可以正常工作。

实际上不起作用。有几次幸运的点击，但它又停止工作了。哎哟！