在React Native中动态切换MaterialTopTabNavigator上的swipeEnabled

import React, { useState } from 'react';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';

const Tab = createMaterialTopTabNavigator();

const MyTabs = () => {
  const [swipeEnabled, setSwipeEnabled] = useState(true);

  const toggleSwipeEnabled = () => {
    setSwipeEnabled(!swipeEnabled);
  };

  return (
    <Tab.Navigator swipeEnabled={swipeEnabled}>
      {/* 选项卡配置 */}
      {/* ... */}
      {/* 其他选项卡 */}
      {/* ... */}
      <Tab.Screen name="Settings" component={SettingsScreen} />
      <Tab.Screen name="Toggle" component={ToggleScreen} />
    </Tab.Navigator>
  );
};

const ToggleScreen = () => {
  const { swipeEnabled, toggleSwipeEnabled } = useContext(TabContext);

  return (
    <View>
      <Text>Swipe Enabled: {swipeEnabled ? 'Enabled' : 'Disabled'}</Text>
      <Button title="Toggle Swipe" onPress={toggleSwipeEnabled} />
    </View>
  );
};

export default MyTabs;