react-native-picker-select で Picker がアイコン部分しかタップできない問題を解決する方法

症状

react-native-picker-select を使用していると、入力欄全体ではなく、アイコン部分だけしかタップできない。

解決策

inputIOSContainer に pointerEvents: "none" を指定することで、アイコン以外の部分でも Picker を開けるようになる。

<RNPickerSelect
  style={{
    inputIOSContainer: {
      pointerEvents: 'none',
    },
  }}
  ...
/>

この設定により、タップ領域がアイコン部分に限定されず、テキスト入力欄全体がクリック（タップ）できるようになる。

発生したバージョン：
“react-native-picker-select”: “^9.3.1”,
“@react-native-picker/picker”: “^2.10.2”,
“react-native”: “0.76.5”,