Dingdong_client/components/Header.js

import * as React from 'react'
import { StatusBar, Platform } from 'react-native'
import Constants from 'expo-constants'
import { Appbar } from 'react-native-paper'
import { goBack } from '../navigation/RootNavigation'

export default function Header() {
  return (
    <>
      {Platform.OS !== 'ios' && <StatusBar backgroundColor="#FFC21C" />}

      <Appbar.Header
        dark
        statusBarHeight={Platform.OS === 'ios' ? Constants.statusBarHeight : 0}
      >
        <Appbar.BackAction onPress={goBack} />
        <Appbar.Content
          title="忘记密码"
          titleStyle={{ textAlign: 'center', fontSize: 16 }}
        />
        <Appbar.Action icon="dots-vertical" />
      </Appbar.Header>
    </>
  )
}