@react-navigation/elements 库自定义 Header 组件问题

Question

RT: 自定义Header组件，界面的Header部分却展示空白！
@react-navigation/elements

import * as React from 'react';
import type {Node} from 'react';
import { View } from 'react-native';
import { Header, HeaderTitle, HeaderBackground, HeaderBackButton, getHeaderTitle } from '@react-navigation/elements';
// import { Appbar } from 'react-native-paper';

const NavigationBar: () => Node = ({ navigation, route, options, back }) => {
    const title = getHeaderTitle(options, route.name);

    console.log(title) // 值正常
    return (
        <Header headerTitle="headerTitle">
            <HeaderBackground style={{ backgroundColor: 'tomato' }}>
                <HeaderBackButton onPress={navigation.goBack} />
                <HeaderTitle>{title}</HeaderTitle>
            </HeaderBackground>
        </Header>
    );
};

export default NavigationBar;