我希望在React Native中从右到左显示屏幕动画。我在互联网上查了很多，但大多数示例都是旧的，它们使用的StackNavigator不同，配置也不同。我认为它们使用的是旧版本的React Navigation。我使用的是版本6。我也尝试了www.example.com文档中的说明https://reactnavigation.org/docs/stack-navigator/#animations但它没有以任何方式工作。
你能帮忙吗？下面是我的代码：

const Tab = createBottomTabNavigator();
const Stack = createNativeStackNavigator(); 

function MainScreen() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="To Read" component={ToReadScreen} />
      <Tab.Screen name="Have Read" component={HaveReadScreen} />
    </Tab.Navigator>
  );
}

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="ReadX"
          component={MainScreen}
        />
        <Stack.Screen
          name="Settings"
          component={SettingsScreen}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

因此，我尝试配置主屏幕和设置屏幕之间的屏幕动画。
任何帮助都将不胜感激。谢谢。