如何将header Left添加到createMaterialTopTabNavigator？

import React from 'react';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import { Ionicons } from '@expo/vector-icons';

const Tab = createMaterialTopTabNavigator();

const CustomHeader = ({ navigation }) => {
  return (
    <Ionicons
      name="arrow-back"
      size={24}
      color="black"
      onPress={() => navigation.goBack()}
    />
  );
};

const Screen1 = () => {
  return (
    // 内容页面1
  );
};

const Screen2 = () => {
  return (
    // 内容页面2
  );
};

const App = () => {
  return (
    <Tab.Navigator
      screenOptions={{
        tabBarShowLabel: false,
        tabBarStyle: { backgroundColor: 'white' },
        tabBarIndicatorStyle: { backgroundColor: 'blue' },
        headerLeft: () => <CustomHeader />,
      }}
    >
      <Tab.Screen name="Screen1" component={Screen1} />
      <Tab.Screen name="Screen2" component={Screen2} />
    </Tab.Navigator>
  );
};

export default App;