如何在子组件中设置onPress事件？

Question

我有一个名为SplashScreen.js的文件，带有StackNavigator。示例代码：

在我的SplashScreen.js中我有一个名为“Login”的组件和INSIDE登录我有一个名为“TouchbleOpacity”的组件

我需要的是更改TouchbleOpacity组件的“onPress”事件。所以我将能够在我的导航器中导航（在我的SplashScreen.js中）。 onPress事件应该类似于：onPress={() => navigation.navigate('TelaCadastrar01')

如果有更好的方法来更改TouchbleOpacity的onPress事件，请告诉我，谢谢！

Answer 1

我不知道这是不是你要找的，但我会试一试：

在您的登录组件中，您可以：

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

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

现在您可以将任何onPress功能传递给您的登录组件。 e.g。

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