React native 如何使用标题组件获取屏幕标题?

React native 如何使用标题组件获取屏幕标题?,react-native,header,React Native,Header,我正在开发一个react本机应用程序,我想在其中创建一个标题组件,该组件将包含在我的每个屏幕中。我想你的帮助,我如何可以做检索屏幕标题直接在标题? 我应该在哪里声明相关屏幕中的标题,以便可以在我添加的标题中检索该标题 如果你能指导我,建议我,那就太好了,非常感谢 标题示例: import { Header } from "react-native-elements"; <Header backgroundImage={require(".

我正在开发一个react本机应用程序,我想在其中创建一个标题组件,该组件将包含在我的每个屏幕中。我想你的帮助,我如何可以做检索屏幕标题直接在标题? 我应该在哪里声明相关屏幕中的标题,以便可以在我添加的标题中检索该标题

如果你能指导我,建议我,那就太好了,非常感谢

标题示例:

import { Header } from "react-native-elements";

<Header
          backgroundImage={require("../../assets/images/bg-header.png")}
          backgroundImageStyle={{ resizeMode: "stretch" }}
          centerComponent={{
            text: title,
            style: styles.headerComponentStyle
          }}
          containerStyle={[styles.headerContainerStyle, { marginBottom: 0 }]}
          statusBarProps={{ barStyle: "light-content" }}
        />
从“react native elements”导入{Header};
屏幕示例:

import styles from '../../assets/styles';
import React, { useState, useEffect } from 'react';
import { BarCodeScanner } from 'expo-barcode-scanner';

export default function Tools() {
  const [hasPermission, setHasPermission] = useState(null);
  const [scanned, setScanned] = useState(false);

  useEffect(() => {
    (async () => {
      const { status } = await BarCodeScanner.requestPermissionsAsync();
      setHasPermission(status === 'granted');
    })();
  }, []);

  const handleBarCodeScanned = ({ type, data }) => {
    setScanned(true);
    alert(`Bar code with type ${type} and data ${data} has been scanned!`);
  };

  if (hasPermission === null) {
    return <Text>Requesting for camera permission</Text>;
  }
  if (hasPermission === false) {
    return <Text>No access to camera</Text>;
  }

  return (
    <View
      style={{
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'flex-end',
      }}>
      <BarCodeScanner
        onBarCodeScanned={scanned ? undefined : handleBarCodeScanned}
        style={StyleSheet.absoluteFillObject}
      />

      {scanned && <Button title={'Tap to Scan Again'} onPress={() => setScanned(false)} />}
    </View>
  );
}
从“../../assets/styles”导入样式;
从“React”导入React,{useState,useffect};
从“expo条形码扫描仪”导入{BarCodeScanner};
导出默认函数工具(){
const[hasPermission,setHasPermission]=useState(null);
const[scanned,setScanned]=使用状态(false);
useffect(()=>{
(异步()=>{
const{status}=wait BarCodeScanner.requestPermissionsAsync();
setHasPermission(状态==‘已授予’);
})();
}, []);
常量手柄代码=({type,data})=>{
(真实的);
警报(`type${type}和data${data}的条形码已被扫描!`);
};
if(hasPermission==null){
返回请求相机许可;
}
if(hasPermission==false){
不允许进入摄像机;
}
返回(
{scanned&&setScanned(false)}/>}
);
}