Dingdong_client/components/HomeHeader.js

import * as React from 'react'
import { StatusBar, Platform } from 'react-native'
import Constants from 'expo-constants'
import { Appbar, Menu, Divider } from 'react-native-paper'
import { useBoolean } from '@umijs/hooks'

export default function Header() {
  const { state, toggle } = useBoolean(false)

  return (
    <>
      {Platform.OS !== 'ios' && <StatusBar backgroundColor="#fff" />}

      <Appbar.Header
        statusBarHeight={Platform.OS === 'ios' ? Constants.statusBarHeight : 0}
        color="#fff"
      >
        <Appbar.Content title="同进大厦" titleStyle={{ fontSize: 16 }} />

        <Menu
          visible={state}
          onDismiss={toggle}
          anchor={<Appbar.Action icon="dots-vertical" />}
        >
          <Menu.Item onPress={() => {}} title="Item 1" />
          <Menu.Item onPress={() => {}} title="Item 2" />
          <Divider />
          <Menu.Item onPress={() => {}} title="Item 3" />
        </Menu>
      </Appbar.Header>
    </>
  )
}