react-native - React Native 中的导航返回点击事件

Question

我正在开发 React Native 应用程序。我在我的应用程序中使用导航。我想在用户按下后退导航时执行某些操作，即移动到后退屏幕。

如何获取上图中“blacked circle Frage”的点击事件。我在做IOS

Answer 1

使用自定义 header

import { Header } from "native-base";

并在您的路由文件中添加以下代码以禁用默认 header 。

navigationOptions: {
header: null
}

我的客户 header 代码供您引用

<Header style={styles.header}>
<View style={{ flex: 2 }}>
<TouchableOpacity
style={styles.iconButton}
onPress={() => { this.createNote(); this.props.navigation.navigate('Home') }}>
 <Icon name="arrow-back" size={28} color="#606060" />
</TouchableOpacity>
</View>
<View style={{ flex: 8 }}></View>
<View style={{ flex: 2 }}>
<TouchableOpacity
style={styles.iconButton}
 onPress={() => { this.createNote(); this.props.navigation.navigate('Home') }}>
<Icon name="check" size={28} color="#606060" />
</TouchableOpacity>
</View>
</Header>

引用链接:- https://www.npmjs.com/package/native-base