React native 如何在android上的react导航标题中将图像设置为标题?

React native 如何在android上的react导航标题中将图像设置为标题?,react-native,react-navigation,React Native,React Navigation,我想在StackNavigator中将图像用作标题。它在ios上运行良好,但无法在Android上运行: const navigationOptions = { header: ({navigate}) => ({ left: ( <TouchableOpacity activeOpacity={1} onPress={() => navigate('Draw

我想在StackNavigator中将图像用作标题。它在ios上运行良好,但无法在Android上运行:

    const navigationOptions = {
    header: ({navigate}) => ({
        left: (
            <TouchableOpacity
                activeOpacity={1}
                onPress={() => navigate('DrawerOpen')}>
                <Image
                    style={styles.app_drawer}
                    source={require("../assets/ic_drawer.png")}
                />
            </TouchableOpacity>
        ),
        title: (
            <Image
                style={styles.app_logo}
                source={require("../assets/ctw_logo_white.png")}/>
        ),
        style: {backgroundColor: colors.purple},
    }),
};

const Stack = {
    [strings.route_cases]: {
        name: "Cases",
        screen: Object.assign(MainScreen, {navigationOptions}),
    },
    [strings.route_case_details]: {
        name: "Case Details",
        screen: CaseDetailsScreen,
    },
};
const导航选项={
标题:({navigate})=>({
左:(
导航('drawerropen')}>
),
标题:(
),
样式:{backgroundColor:colors.purple},
}),
};
常量堆栈={
[strings.route_cases]:{
名称:“案件”,
screen:Object.assign(主屏幕,{navigationOptions}),
},
[strings.route\u case\u details]:{
名称:“案件详情”,
屏幕:案例详情屏幕,
},
};
试试这个

  const navigationOptions = {
        header: ({navigate}) => ({
            left: (
<View style={{flexDirection:'row'}}>
                <TouchableOpacity
                    activeOpacity={1}
                    onPress={() => navigate('DrawerOpen')}>
                    <Image
                        style={styles.app_drawer}
                        source={require("../assets/ic_drawer.png")}
                    />
                </TouchableOpacity>

               <Image
            style={styles.app_logo}
            source={require("../assets/ctw_logo_white.png")}/>
</View>
            ),
            title: null,
            style: {backgroundColor: colors.purple},
        }),
    };

    const Stack = {
        [strings.route_cases]: {
            name: "Cases",
            screen: Object.assign(MainScreen, {navigationOptions}),
        },
        [strings.route_case_details]: {
            name: "Case Details",
            screen: CaseDetailsScreen,
        },
    };
const导航选项={
标题:({navigate})=>({
左:(
导航('drawerropen')}>
),
标题:空,
样式:{backgroundColor:colors.purple},
}),
};
常量堆栈={
[strings.route_cases]:{
名称:“案件”,
screen:Object.assign(主屏幕,{navigationOptions}),
},
[strings.route\u case\u details]:{
名称:“案件详情”,
屏幕:案例详情屏幕,
},
};

给图像留边并调整它

图像没有显示的原因是我没有为图像提供任何宽度,只要我指定了一个宽度(不仅仅是高度),图像就会出现在android上。。。此外,我还必须动态调整图像,使其精确显示在工具栏的中心