我正在使用react-navigation
自己的导航库,不知道如何更改react-navigation
特定屏幕的“后退”按钮(由自动添加)功能?
我的意思是与其在屏幕堆栈中走一步而不是在屏幕堆栈中走两步。或通过为其指定一个屏幕名称(仅在一个组件上)手动进行操作。
谢谢。
您可以使用navigationOptions
该屏幕覆盖特定屏幕的后退按钮。您可以在文档中阅读有关覆盖后退按钮的更多信息react-navigation
docs中的示例
class HomeScreen extends React.Component {
static navigationOptions = {
headerTitle: <LogoTitle />,
headerRight: (
<Button
onPress={() => alert('This is a button!')}
title="Info"
color="#fff"
/>
),
};
}
覆盖后退按钮
后退按钮会自动在被渲染
StackNavigator
时,它可以为用户从他们的当前屏幕回去-换句话说,只要有在堆栈超过一分屏后退按钮将被渲染。通常,这就是您想要的。但它可能在某些情况下,你要自定义后退按钮比你更可以通过上面提到的选项,在这种情况下,你可以指定一个
headerLeft
,就像我们做了与headerRight
,和完全覆盖的后退按钮。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句