JavaScript - React Native - 絶対位置のビューを通過して入力にフォーカスを当てる

内部にいくつかのオプションがリストされている位置指定された絶対ビューを作成しようとしていますが、TextInput が背後にあるときにタッチ ジェスチャで問題が発生します。

問題: 位置絶対ビューが開いていて、それをクリックしようとすると (その中のオプションをクリックしたいとします)、TextInput がフォーカスされます...ビューがによって登録されていないようなものです。まったく触れません。

注: これは Android デバイスでのみ発生します

参考として私が作成したこのスナックをチェックしてください -> https://snack.expo.io/@sempa/5788f2

ありがとうございます!

    <View style={styles.container}>
      <View style={styles.touchableWrapper}>
        <TouchableOpacity
          style={styles.touchable}
          onPress={() => setIsOpened(!isOpened)}>
          <Text>Click To Open</Text>
        </TouchableOpacity>
        {isOpened && <View style={styles.absoluteWrapper}></View>}
      </View>
      
      {!isOpened && (
        <View>
          <TextInput placeholder="Start typing..." style={styles.inputText} />
        </View>
      )}
    </View>

簡単に変更できますこのようにしてください

1

返信ありがとうございます。でも、これは一種の回避策だと思いますが、TextInput コンポーネントを非表示にせずにこれを修正する方法はありますか?

2020 年 9 月 3 日 11:02