动态更改抽屉左右按钮图像？

import React, { useState } from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
import { Image } from 'react-native';

const Drawer = createDrawerNavigator();

const App = () => {
  const [isLeftButtonActive, setIsLeftButtonActive] = useState(false);

  const toggleLeftButton = () => {
    setIsLeftButtonActive(!isLeftButtonActive);
  };

  return (
    <NavigationContainer>
      <Drawer.Navigator
        screenOptions={{
          drawerIcon: ({ focused }) => (
            <Image
              source={
                focused
                  ? isLeftButtonActive
                    ? require('./active_left_button.png')
                    : require('./inactive_left_button.png')
                  : isLeftButtonActive
                  ? require('./active_right_button.png')
                  : require('./inactive_right_button.png')
              }
            />
          ),
        }}
      >
        {/* Add your screens here */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
};

export default App;