React native 导航选项卡时如何显示backButton?
我正在ReactNative中开发一个应用程序,其中有3个选项卡,其中一个选项卡的嵌套选项卡不可见。我使用react native router flux来实现这一点。我有两个问题:React native 导航选项卡时如何显示backButton?,react-native,react-native-android,react-native-ios,react-native-router-flux,React Native,React Native Android,React Native Ios,React Native Router Flux,我正在ReactNative中开发一个应用程序,其中有3个选项卡,其中一个选项卡的嵌套选项卡不可见。我使用react native router flux来实现这一点。我有两个问题: 当我尝试放置包含嵌套选项卡的第一个选项卡的名称时,我只能看到父选项卡的名称(附加图像) 在嵌套选项卡之间导航时,是否可以隐藏/显示“后退”按钮 我的路由器.js <Router sceneStyle={ styles.router } backAndroidHandler={ onBackAndroid }
<Router sceneStyle={ styles.router } backAndroidHandler={ onBackAndroid } hideNavBar>
<Scene key="root">
<Scene
key="customer"
title={ "APPNAME" }
// type={ 'reset' }
headerMode='none'
tabBarPosition='top'
tabs
hideNavBar={false}
wrap={false}
showLabel
// swipeEnabled={ true }
// lazy={ true }
tabBarStyle={ styles.tabBarStyle }
titleStyle={ styles.titleStyle }
navigationBarStyle={ styles.navigationBarStyle }
backButtonTintColor={'#FFF'}
renderRightButton={ renderNavBarRightMenu }
>
<Scene key="customerHome">
<Scene key="scanQR" component={ HomeCustomerContainer } />
<Scene key="vehicleDetail" component={ OrdersContainer } />
</Scene>
<Scene key="customerOrders" component={ ProfileContainer } hideNavBar/>
<Scene key="customerProfile" component={ ProfileContainer } hideNavBar/>
</Scene>
</Scene>
</Router>
当用户在路由器中从scanQR转到vehicleDetail时,后退按钮不会出现。我需要这种行为,因为用户可以在需要时返回
行为必须是:用户按下浮动按钮,打开摄像头并扫描条形码。然后,当读取条形码时,他们从服务器获取信息并在新场景中显示,但“后退”按钮不会出现
我的代码出了什么问题
谢谢
图像
更新:
我找到了标题问题的解决方案:
一个场景,它是选项卡的直接子级,可以使用列出的所有道具
在上面的场景中
当我打开另一个场景时,显示后退按钮仍然存在问题:(这应该可以:
onBackFunction()
{
console.log("backkkkkkkkkk")
Actions.sceneA()
}
<Scene key="root" >
<Scene key="sceneA" component={SceneA} />
<Scene key="sceneB" onBack={this.onBackFunction()} component={SceneB} />
</Scene>
onBackFunction()
{
console.log(“backkkk”)
Actions.sceneA()
}
感谢@Android团队的回复,但我想隐藏父场景(“客户”)上的“后退”按钮,并在导航到“vehicleDetail”时显示。按navigate.back()上的按钮创建一个