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