react-native - React Native:“返回”功能
问题描述
有没有办法在反应导航中禁用“goBack”功能?基本上我有一个页面(示例页面 A),人们在其中进行登录,然后此页面转到另一个页面(示例页面 B)。我想禁用从页面 B 到页面 A 的 goBack。
export default class ChatDisponibili extends Component {
static navigationOptions = {
title: "CHAT DISPONIBILI",
headerStyle: {
backgroundColor: '#3498db',
},
headerTintColor: '#fff',
headerTitleStyle: {
fontWeight: 'bold',
}
};
........................
render() {
return (
<View style={styles.container}>
<ScrollView>
<FlatList
data={this.state.data}
keyExtractor={(item, index) => index.toString()}
renderItem={this._renderItem}
/>
</ScrollView>
<View style={styles.footer}>
<Text style={styles.footerTesto}>FOOTER DA CAMBIARE</Text>
</View>
</View>
);
}
}
解决方案
将标题禁用为“无”只是从页面禁用标题的一种方法。Android 用户仍然可以单击原生返回按钮返回。因此,您还需要禁用本机 android 按钮。
import { BackHandler } from 'react-native'
componentDidMount() {
BackHandler.addEventListener('hardwareBackPress', () => {
return true;
});
}
这可以访问您处理 android 后退按钮。有关处理 android 后退按钮的更多信息,请访问:https ://facebook.github.io/react-native/docs/backhandler.html
推荐阅读
- grammar - 构建决策者而不是决策者图灵机
- python - nes-py 的构建轮子失败
- javascript - 使用拼接对嵌套数组进行排序的Javascript函数
- amazon-web-services - 为 aws 主机指定的证书在哪里?
- huawei-mobile-services - 如何在 HMS Awareness 中检测到正常的蓝牙连接?
- azure - DevOps 管道自动化 - 基础设施和应用程序部署
- java - 如何实现android跟随系统夜间/黑暗模式?
- web - Web 安装程序问题 -DB 问题 - 服务器主体“DOMAIN\MACHINENAME$”无法访问数据库
- flask - “蓝图”对象没有属性“记录器”
- angular - 如何利用 let-* 和 ngTemplateOutlet 进行角度动态列表