React native 图标未从标题中的Ionicon矢量图标渲染

尝试在左上角为嵌套在底部选项卡导航器中的堆栈导航器呈现菜单图标。我使用react导航标题按钮库来帮助格式化堆栈标题中的图标。基本上，项目组件“菜单”的标题是显示的，而不是我试图使用的图标

//HomeScreenNavigator.js
import React from 'react';
import { createStackNavigator } from 'react-navigation-stack';
import { HeaderButtons, Item } from 'react-navigation-header-buttons';

import HomeScreen from '../screens/HomeScreen';
import MediaSelectScreen from '../screens/MediaSelectScreen';
import FinalizePostScreen from '../screens/FinalizePostScreen';
import Colors from '../constants/Colors';
import CustomHeaderButton from '../components/HeaderButton';

const HomeScreenNavigator = createStackNavigator({
    Home: { screen: HomeScreen, navigationOptions: {
        headerTitle: 'Feed',
        headerLeft: (
            <HeaderButtons> HeaderButtonComponent={CustomHeaderButton} 
                <Item title="Menu" iconName="ios-menu" onPress={() => {}} />
            </HeaderButtons>
        )
    }},
    MediaSelect: MediaSelectScreen,
    FinalizePost: FinalizePostScreen
}, {
    defaultNavigationOptions: {
        headerStyle: {
            backgroundColor: Colors.accentColor
        }
    }
});

export default HomeScreenNavigator;

//HomeScreenNavigator.js
从“React”导入React；
从“反应导航堆栈”导入{createStackNavigator}；
从“反应导航标题按钮”导入{HeaderButtons，Item}；
从“../screens/HomeScreen”导入主屏幕；
从“../screens/MediaSelectScreen”导入MediaSelectScreen；
从“../screens/FinalizePostScreen”导入FinalizePostScreen；
从“../constants/Colors”导入颜色；
从“../components/HeaderButton”导入CustomHeaderButton；
const HomeScreenNavigator=createStackNavigator({
主页：{屏幕：主屏幕，导航选项：{
标题：“饲料”，
左校长：(
HeaderButtonComponent={CustomHeaderButton}
{}} />
)
}},
MediaSelect:MediaSelectScreen，
FinalizePost:FinalizePostScreen
}, {
默认导航选项：{
头型：{
背景颜色：Colors.accentColor
}
}
});
导出默认HomeScreennenVigator；

//HeaderButton.js
从“React”导入React；
从“react navigation header buttons”导入{HeaderButton}；
从“@expo/vector icons”导入{Ionicons}；
从“../constants/Colors”导入颜色；
const CustomHeaderButton=props=>{
返回
};
导出默认CustomHeaderButton

---

不会显示任何错误消息，但也不会显示任何图标。相反，标题栏只有一个标题左侧按钮，带有文本“菜单”，然后是标题“提要”

导致问题的代码行：

<HeaderButtons> HeaderButtonComponent={CustomHeaderButton} 

HeaderButtonComponent={CustomHeaderButton}

需要：

<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>

---

导致问题的代码行：

<HeaderButtons> HeaderButtonComponent={CustomHeaderButton} 

HeaderButtonComponent={CustomHeaderButton}

需要：

<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>