react navigation back icon color設置導航返回按鈕顏色

自定義導航返回按鈕顏色，參考文檔找了半天沒解決，下面是我的比較笨的解決辦法，如果您有簡單的辦法麻煩評論告知一下。

版本信息

"@react-navigation/native": "^5.7.3",
"@react-navigation/stack": "^5.9.0",
"react-native": "0.63.2",

設置顏色方法

import {HeaderBackButton} from '@react-navigation/stack';

<Stack.Screen
                name="ThemeScreen"
                component={ThemeScreen}
                options={({navigation})=>({
                    title: '主題設置', headerShown: true,
                    headerStyle: {
                        backgroundColor: backgroundColor,
                    },
                    headerTitleStyle: {
                        color: '#fff',
                    },
                    headerLeft: (props) => (
                        <HeaderBackButton
                            {...props}
                            tintColor='#fff'
                            onPress={() => {
                                navigation.goBack()
                            }}
                        />
                    ),
                })}
            />

<HeaderBackButton
    {...props}
    tintColor='#fff'
    onPress={() => {
        navigation.goBack()
    }}
/>

綠色部分是設置顏色的地方。

效果如下：

這樣的寫法略顯繁瑣，正在找簡單的實現辦法

本文鏈接：https://blog.csdn.net/lxyoucan/article/details/108636846

智能推薦

React-navigation導航系統(3)-高級指南

tags: React-Native Redux Intergration http://www.jianshu.com/p/469976fb7fd3 為了在redux中處理app的navigation state,你可以傳遞你自己的navigation prop到一個navigator.你的navigation prop必須提供當前的state,還有就是處理navigation配置項的...

一、前言接觸react-navigation已有半年，從使用體驗來說，它的效果是非常棒的，API的學習和使用也比較簡單易用，所以react-native社區主推的導航庫就是react-navigation。使用react-navigation可以快速搭建APP的頁面導航架構，而且它的配置靈活，頁面導航效果可以達到原生端的體驗。二、頁面導航架構搭建一般APP都會有這么幾個頁面，啟動頁、注冊頁、...

React-Navigation

安裝最新版本：npm install –save react-navigation 在App.js中引入StackNavigator依賴庫，并且注冊需要跳轉的界面 3.在MainPage頁面，配置title,添加按鈕，onPress觸發跳轉，其中跳轉的頁面需在App中注冊 4.在跳轉之后的界面獲取傳遞的參數并顯示持續TabNavigator…....

react-navigation學習

先來看一下示意圖 chuan.gif 先來安利一下官方文檔還有不錯的一個詳解博客安裝步驟或者有什么屬性之類的，看一下這個博客和官方文檔，基本差不多了，現在我們來將跳轉和傳值的問題。跳轉 import { StackNavigator } from 'react-navigation'; 導入必要的包的是關鍵。 StackNavigator是用于頁面跳轉的東西。其次需要導入navigate。...

react-navigation使用

1.react-navigation，建立導航頁面跳轉和搭建TabBar，使用的是React Navigation組件，需要npm install --save react-navigation，頁面跳轉用 http://www.jianshu.com/p/0014506a9b77 TabBar用：需要注意的是，需要把TabBar嵌套在StackNavigator里使用，不然進入第二頁下面導航...

react navigation back icon color設置導航返回按鈕顏色

版本信息

設置顏色方法

智能推薦

猜你喜歡