React Native StackNavigator animation 方向

Question

我覺得這應該有點容易，但找不到有關該主題的任何信息？ 現在（在 Ios 上）當我單擊按鈕並激活導航時，屏幕 animation 向左移動。 有沒有辦法改變這個方向？ 另外，我如何讓同樣的 animation 發生在 android 上？ 我還沒有在 android 上運行它，但聽起來好像根本沒有 animation。 謝謝！

它叫：

<Button title='Create Account' onPress={() => navigation.navigate('signup')} />

導航器堆棧：

export default function App() {

  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName='login'>
        <Stack.Screen options={{ headerShown: false }} name='login' component={loginScreen} />
        <Stack.Screen name='details' component={DetailScreen} />
        <Stack.Screen options={{ headerShown: false }} name='signup' component={SignUp} />

      </Stack.Navigator>
    </NavigationContainer>
  );
}

Answer 1

您可以像這樣將screenOptions傳遞給Stack.Navigator ：

<Stack.Navigator
      screenOptions={{cardStyleInterpolator: fadeNavigation}}>

並像這樣定義轉換 animation ：

const fadeNavigation = ({current}) => ({
  cardStyle: {
    opacity: current.progress,
  },
});

你可以在這里找到更多