我已經看過檔案，但我不太明白，我希望有人向我展示如何在 React Native 中更改后退按鈕的影像。在此處輸入圖片說明
我想把后退箭頭改成人字形什么的。你能告訴我如何做到這一點的代碼嗎？
uj5u.com熱心網友回復：
在您的 StackNavigator 中，將 screenOptions 道具headerBackImageSource設定為您想要的后退箭頭圖示或影像。
<Stack.Navigator
initialRouteName="Home"
screenOptions={{
headerBackImageSource: `...image source...`
}}
>
uj5u.com熱心網友回復：
我處理堆疊導航器默認標頭的方式是創建一個自定義標頭。主堆疊中的每個組件都匯出一個 back 方法，因此您可以使用它為您的自定義箭頭創建一個事件偵聽器，如下例所示。
主要成分：
function Home({ navigation }) {
return(
<>
<CustomHeader
title="Home Page"
handleBack={() => {
navigation.goBack()
}}
/>
</>
)
}
export default Home
自定義標題組件：
function CustomHeader(props) {
const title = props.title
const handleBack = () => {
props.handleBack()
}
return(
<View>
<Pressable
onPress={handleBack}
>
<Image
source={backArrowIcon}
resizeMode="contain"
/>
</Pressable>
<Text>
{title}
</Text>
</View>
)
}
export default CustomHeader
您只需要設定樣式并匯入所有組件，如 View、Text、CustomHeader 等。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/386072.html
標籤：反应 反应原生 react-native-tabnavigator 反应原生样式表