ReactNavigation(v5)にNativeBaseを組み込む方法について

Question

前提・実現したいこと

ReactNavigation(v5)のMaterialTopTabNavigatorのUIに
NativeBaseのTabを組み込みたいです

試したこと

import React from 'react';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import { Content, Text, Button, Tab, Tabs } from 'native-base';
import { CustomTabBarIcon } from 'react-native';
import { NotificationListTabScreen, NoticeListTabScreen } from '../screens';

const TopTab = createMaterialTopTabNavigator();

const TopTabNavigator = ({ navigation, state }) => {

?????

};

const NotificationTopNavigator = () => {
  return (
    <Content>
      <TopTab.Navigator tabBar={(props) => <TopTabNavigator {...props} />}>
        <TopTab.Screen
          name="Notification"
          options={{
            tabBarLabel: '通知',
          }}
          component={NotificationListTabScreen}
        />
        <TopTab.Screen
          name="Notice"
          options={{
            tabBarLabel: 'お知らせ',
          }}
          component={NoticeListTabScreen}
        />
      </TopTab.Navigator>
    </Content>
  );
};

export default NotificationTopNavigator;

FooterTabはうまく組み込めるのですが
Tabがうまくいきません。
よろしくおねがいしますm(_ _)m