問題タブ [touchablehighlight]

何らかの理由で、画面の中央に架空のブロックがあり、その部分がこの架空のボックス内にある場合、TextInput または TouchableOpacity/TouchableHighlights (つまり、アイコン、テキスト、パディング、および色を含むボタン) の一部をクリックすることはできません。それは最も奇妙なバグです。それをデバッグしようとして、ScrollView を追加しました。これらの TouchableHighlights をこの架空のボックスの邪魔にならないようにスクロールすると、それらをクリックできます。ボックス内でそれらをスクロールして戻すと、クリックしません。半分入っている場合は、ボタンの半分がクリックされます。あなたはアイデアを得る。

これらのボタンには、プロジェクトの他の部分と同じ CSS とコンポーネント階層を使用しましたが、この架空のボックスの外でも問題なく動作します。本当にビックリです。

これが私のプロジェクトのサンプルコードです。

iPhone 12エミュレーターと実際のiPhone XRの両方でテストしてきましたが、どちらも同じ効果がありました。これは、私が追加した架空のボックスを含む上記のコードの画像です。ログイン ボタンのかなりの部分がクリックできません (ピンク色)。

この架空のボックスは、スタックナビゲーターまたはタブナビゲーターの両方を使用して画面/コンポーネント間を移動している複数の異なる画面で発生しています。仮想ボックスがすべてのコンポーネントで同じサイズかどうかを判断するのは困難です。どんな助けでも大歓迎です！ありがとう。