在整个块上选择不可点击答案

【问题标题】：Select not clickable on the entire block在整个块上选择不可点击
【发布时间】：2022-11-27 08:03:41
【问题描述】：

所以我最近升级了 native-base 并且我在我的 react native 应用程序上使用 Select，但是，只有单击下拉箭头才会触发 Select，如果你单击其他任何地方，它不会触发下拉列表。有什么想法吗？这是我的代码。

let testTypeOptions = [
  { value: 6, label: 'Maternity Test' },
  { value: 18, label: 'Paternity Test' },
];

<Container style={cocStyle.container}>
  <View style={cocStyle.formContainer}>
  <Select
    selectedValue={examDetail?.testType}
    onValueChange={value => handleChange('testType', value)}>
    {testTypeOptions.map((test, index) => (
      <Select.Item key={index} {...test} />
    ))}
  </Select>
  </View>
</Container>

const cocStyle = StyleSheet.create({
  container: { paddingTop: 10, width: '60%', alignSelf: 'center' },
  formContainer: {
    ...formStyles.formWrapper,
    width: '100%',
    flexWrap: 'wrap',
    flexDirection: 'row',
  },
});

【问题讨论】：

您能否分享testTypeOptions 的值和包裹在<Select>...</Select> 组件上的父组件？
@FutureJJ 完成了，我在原问题中更新了它
我无法在以下任何平台上重现此问题：Web、iOS、Android；我能够在触摸整个区域（不仅仅是下拉菜单）时打开菜单。我使用了问题中提供的确切 sn-p，只是我从样式中删除了 ...formStyles.formWrapper,，因为我不知道它的值。也许 formStyles.formWrapper 风格有问题？

标签： css react-native native-base

【解决方案1】：

我面临着同样的问题。单击整个下拉列表不起作用。它仅在单击向下箭头时有效。

【讨论】：