1. ホーム
  2. react-native

[解決済み] React Nativeです。View onPress が動作しない

2022-02-11 14:05:09

質問

奇妙な問題に直面しています。私のreact nativeアプリで、もし onPress イベントを View に設定すると、トリガーされないが、同じように Text 内部 View であれば、発火します。何が足りないのでしょうか?

<View style={{backgroundColor: "red", padding: 20}}>
  <Text onPress={()=> {
    console.log('works');
    }
  }>X</Text>
</View>


<View style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</View>

なぜそうなるのでしょうか?これはReact Nativeの問題なのでしょうか?私はバージョン0.43を使用しています

解決方法を教えてください。

を使用することができます。 TouchableOpacity には onPress イベントを開催します。 View は提供しません。 onPress のプロップです。

<TouchableOpacity style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</TouchableOpacity>