如何将UI Kitten中的顶部导航组件用作React Native Stack Navigator中的自定义标题

import React from 'react';
import { View, Text } from 'react-native';
import { TopNavigation, TopNavigationAction } from '@ui-kitten/components';
import { useNavigation } from '@react-navigation/native';

const CustomHeader = () => {
  const navigation = useNavigation();

  const renderBackAction = () => (
    <TopNavigationAction
      icon={BackIcon}
      onPress={() => navigation.goBack()}
    />
  );

  return (
    <TopNavigation
      title="Custom Title"
      accessoryLeft={renderBackAction}
    />
  );
};

const CustomScreen = () => {
  return (
    <View>
      <CustomHeader />
      <Text>Custom Screen Content</Text>
    </View>
  );
};

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="CustomScreen"
          component={CustomScreen}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
};