React native 如何防止汉堡包菜单更换过背按钮？

我一直在使用：

反应本机路由器流量v4.0.6

反应v16.6.3

自然反应v0.57.8

我有一个简单的问题。 我有两个组件：Listing.js和Detail.js

我有抽屉菜单。问题是，当用户单击列表中的详细信息按钮时，下一页的汉堡包菜单图标仍然存在

但是我想把汉堡菜单改成后退按钮

---

看起来您可以使用自定义导航栏覆盖默认导航栏

import React from 'react';
import { Scene, Router } from 'react-native-router-flux';
import mainScreen from './components/mainScreen';
import challengeScreen from './components/challengeScreen';
import NavBar from './components/NavBar';

const RouterComponent = () => {
  return (
    <Router>
<Scene key="root">
    <Scene key="homeScreen" component={mainScreen} hideNavBar={1} />
    <Scene
     key="screen2" component={challengeScreen} navTransparent={1}
     navBar={NavBar}
       />
</Scene>
    </Router>
  );
};
export default RouterComponent;

从“React”导入React；
从“react native Router flux”导入{Scene，Router}；
从“./components/mainScreen”导入主屏幕；
从“/components/challengeScreen”导入challengeScreen；
从“./components/NavBar”导入NavBar；
常量路由组件=（）=>{
返回(
);
};
导出默认路由组件；

//NavBar.js

import {
 View, Image, StatusBar, TouchableWithoutFeedback
} from 'react-native';
import React, { Component } from 'react';
import { Actions, Router, Scene } from 'react-native-router-flux';

class NavBar extends Component {
  render() {
    return (
<View style={styles.backgroundStyle}>
      <StatusBar />
      <View style={{ flexDirection: 'row' }}>
      <TouchableWithoutFeedback onPress={() => Actions.homeScreen()}>
      <Image
    source={require('./Images/back-arrow.png')}
    style={styles.backarrowStyle} />
      </TouchableWithoutFeedback>

      <Image
  source={require('./Images/help.png')}
  style={styles.helpStyle} />


  <Image
source={require('./Images/setting.png')}
style={styles.settingStyle} />
    </View>
</View>
    );
  }

}
const styles = {
  backgroundStyle: {
    backgroundColor: 'transparent'
  },
  backarrowStyle: {
    resizeMode: 'contain',
    flexDirection: 'row',
    width: 50,
    height: 50,
    left: 0,
    justifyContent: 'flex-start'
  },
  helpStyle: {
    resizeMode: 'contain',
      width: 50,
      height: 50,
      left: 220,
      justifyContent: 'flex-end',
      position: 'relative'

  },
  settingStyle: {
    resizeMode: 'contain',
    width: 50,
    height: 50,
    justifyContent: 'flex-end',
  position: 'relative',
  left: 210
  }
};


export default NavBar;

导入{
视图、图像、状态栏、无反馈触摸屏
}从“反应本机”；
从“React”导入React，{Component}；
从“react native Router flux”导入{Actions，Router，Scene}；
类导航栏扩展组件{
render（）{
返回(
Actions.homeScreen（）}>
);
}
}
常量样式={
背景风格：{
背景颜色：“透明”
},
背面箭头样式：{
resizeMode:'包含'，
flexDirection:'行'，
宽度：50，
身高：50，
左:0,，
justifyContent:“灵活启动”
},
帮助样式：{
resizeMode:'包含'，
宽度：50，
身高：50，
左：220，
justifyContent:“柔性端”，
位置：'相对'
},
设置样式：{
resizeMode:'包含'，
宽度：50，
身高：50，
justifyContent:“柔性端”，
位置：'相对'，
左：210
}
};
导出默认导航栏；

您是否尝试过简单地将道具

添加到您的
细节
场景中

<Scene 
  key='detail' 
  component={Detail} 
  title='Albüm Detay' 
  back
/>



从关于
back
prop的文档

如果为真，则显示后退按钮，而不是上容器定义的左/抽屉按钮

汉堡包菜单出现在抽屉或细节部分？首先，感谢您的帮助。汉堡包菜单出现在细节组件中。请发布更多代码：）我明天会查看。我添加了图像。您可以查看。我只看到DroperImage={require（'./hamburger.png'）}。您试图渲染的代码在哪里。/backArrow.png？