Dingdong_client/components/Header.js

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

export default function Header() {
  return (
    <>
      <StatusBar backgroundColor="#FFC21C" translucent={false} />

      <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>
    </>
  );
}