android - 将新屏幕推送到堆栈时，Android 上使用 react-native-navigation 从左到右的动画

Question

在使用 react-native-navigation 的 Android 上，当将新屏幕推送到堆栈时，我希望过渡动画是从左到右(或反之亦然，因为RTL布局)在 iOS 中，它是默认设置，而在 Android 中，它似乎以交叉溶解动画显示。如何实现 iOS 中的水平动画？

Answer 1

这是一个堆栈导航器示例:

import { createStackNavigator, CardStyleInterpolators } from "@react-navigation/stack";

class CompaniesIndex extends React.Component<
  ICompaniesIndexProps,
  ICompaniesIndexState
  > {
  render() {
    return (
      <CompanyStack.Navigator
        mode="modal"
        screenOptions={{
          cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS
        }}
        initialRouteName="AllCompanies">
        <CompanyStack.Screen
          options={{
            title: "Firma Listesi",
            header: (props) => <Header {...props} />,
          }}
          name="AllCompanies"
          component={CompaniesAll}
        />
        <CompanyStack.Screen
          options={{
            title: "Yeni Firma",
            header: (props) => <Header {...props} />,
          }}
          name="NewCompany"
          component={CompanyNew}
        />
        <CompanyStack.Screen
          options={{
            title: "Firma Detayı",
            header: (props) => <Header {...props} />,
          }}
          name="CompanyDetails"
          component={CompanyDetails}
        />
      </CompanyStack.Navigator>
    );
  }
}

您可以通过在堆栈导航器中添加 screenOptions={{cardStyleInterpolator: CardStyleInterpolators.forHorizo​​ntalIOS}} 来实现。