作为标题描述,我使用的是 react-native-router-flux。
还有一个问题,我以前backAndroidHandler={true}
在<Router/>
工作中正常使用。
但是现在,由于某种原因,我必须backAndroidHandler
在不同的场景中设置控制物理后退按钮的启用。
所以我不能像以前那样把它放在路由器中:
例子:
<Router
backAndroidHandler={true}>
<Scene key="a" />
<Scene key="b" />
<Scene key="c" />
</Router>
我如何backAndroidHandler
在不同的场景或标签中设置以实现这一点setState
(因为它会在路线页面再次重新渲染)?
我试过有人在其他问题中说使用 like<Scene key="c" type={ActionConst.RESET}/>
没有用。
任何帮助或推荐将不胜感激。谢谢。
经过一段时间的研究,我找到了另一种实现这种效果的方法。
使用BackHandler
fromreact-native
添加一个监听器来监听物理后退按钮触发,然后与react-native-router-flux
Actions.currentScene
定义它们在不同页面中应该做什么进行比较,如下所示:
import { Text, StyleSheet, Image, View, BackHandler, TouchableOpacity } from "react-native";
...
class ResultsView extends Component {
componentDidMount() {
BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonClick); //here
}
componentWillUnmount() {
BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonClick);
}
handleBackButtonClick() {
let cs = Actions.currentScene;
if (cs === "APage" || cs === "BPage" || cs === "CPage" || cs === "DPage") {
console.log("nono square don't pop!")
} else {
Actions.pop()
console.log("touch to pop here")
}
}
...
然后将backAndroidHandler
in 路由器设置为 true:
<CustomRouter backAndroidHandler={true}>
...
它工作正常。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句