反应本机后退按钮丢失图标

Question

我正在使用react-navigation组件为现有的移动应用开发一个react native模块：

import { StackNavigator } from 'react-navigation';
....

const App = StackNavigator({
    Main: {
        screen: Main,
        navigationOptions: {
            headerBackTitle: null,
        }
    },
    Details: {
        screen: Details,
        navigationOptions: {
           headerBackTitle: null,
        }
    }

});

在主索引中，我呈现了一个简单的按钮，单击该按钮即可：

render() {

        const navigation = this.props.navigation;

        return (
            <View>
                <Button
                    title="Go to details"
                    onPress={() => { navigation.navigate("Details") }}
                />
            </View>
        );
    }

就是这样。

问题在于导航后退按钮不可见（参见图片）：

这种情况发生在以下操作之后：

• 在android项目中复制捆绑包。

  react-native bundle --platform android \
  --dev false --entry-file index.js 
  --bundle-output ../MyApp/app/src/main/assets/index.android.bundle \
  --assets-dest ../MyApp/app/src/main/  
  

• 从Android Studio启动应用

有什么建议吗？

Answer 1

navigationOptions: ({ navigation }) => ({
      headerLeft: drawerButton(navigation)
})

const drawerButton = navigation => (
    <TouchableOpacity onPress={() => navigation.navigate("DrawerToggle")}>
        <Image source={Your.image} style={Your.Style} />
    </TouchableOpacity>
);

使用此代码！