reactjs - 反应原生：标题标志，标题和底部导航

Question

我正在开发一个示例反应本机应用程序，我需要在其中显示标题徽标（顶部图像），我需要在其下方显示带有菜单选项的导航器 同样将有一个页脚导航我正在使用反应导航材料顶部和底部选项卡

这是我已经开始工作的代码：

import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

const BottomTab = createMaterialBottomTabNavigator();
const TopTab = createMaterialTopTabNavigator();

const BottomNavigator = () => {
return (
<BottomTab.Navigator>
  <BottomTab.Screen name="Home" component={HomeScreen} options={{
  tabBarIcon: ({ color, size }) => (
    <Icon name="brush" />
  )
}}/>
  <BottomTab.Screen name="Settings" component={SettingsScreen} options={{
  tabBarIcon: ({ color, size }) => (
    <Icon name="settings"  size={size} color={color} />
  )
}}/>
</BottomTab.Navigator>
);
}

export default function App() {
return (
<NavigationContainer>
  <TopTab.Navigator>  
   
    <TopTab.Screen name="Hello" component={BottomNavigator} />
  </TopTab.Navigator>

  
</NavigationContainer>    
);

下面是我打算做的图像只是不知道我如何才能有一个标题徽标/图像，然后在它下面有一个类似于我在页脚中的标签

标签： reactjsreact-native