子コンポーネントでonPressイベントを設定するにはどうすればよいですか？

私はStackNavigatorでSplashScreen.jsというファイルを持っています。サンプルコード：私のSplashScreen.jsインサイド子コンポーネントでonPressイベントを設定するにはどうすればよいですか？

私は私が必要なもの "TouchbleOpacity"

と呼ばれるコンポーネントがであることが持っている "ログイン" とINSIDEログインと呼ばれるコンポーネントを持っています私のTouchbleOpacityコンポーネントの "onPress"イベントを変更してください。だから私はNavigator（私のSplashScreen.js内にある）でナビゲートすることができます。 onPressイベントは、次のようになります。onPress={() => navigation.navigate('TelaCadastrar01')

私のTouchbleOpacityのonPressイベントを変更するより良い方法があれば、ありがとう！

出典

2017-12-11 Diego Bittencourt

これはあなたが探しているものであれば、私は知らないが、私はそれを試してみるよ：

あなたはあなたのログインコンポーネントで：

//first button 
<TouchableOpacity onPress={this.props.onPress} > 
    <Text> ... </Text> 
</TouchableOpacity> 

//second button 
<TouchableOpacity onPress={this.props.onPressButton2} > 
    <Text> ... </Text> 
</TouchableOpacity>

は今、あなたはすることができますonPress関数をログインコンポーネントに渡します。例えば

<Login onPress={() => navigation.navigate('TelaCadastrar01')} onPressButton2={() => console.log('second scene')}/>

出典

2017-12-11 13:20:02 TimH

ワウマンが働いた！もう1つ、私の "ログイン"の中に私は2つのボタンがあり、1つはログインボタンで、もう1つはサインインボタンです。各ボタンは異なる画面に移動します。この状況をどうやって管理できますか？ボタンが押されたことをどのように知ることができますか？ –

@DiegoBittencourtようこそ！私は2番目のボタンを処理するために私の答えを編集しました。受け入れてください、そして/または私の答えを投票してください:)ありがとう – TimH

@TimHここでは、ナビゲートやコンソールの使い方を示しています。ここで関数をどのように定義すればいいですか？ –

子コンポーネントでonPressイベントを設定するにはどうすればよいですか？

答えて

関連する問題