React Native Navigation - 滑动到下一个屏幕

Question

我有一个非常简单的配置来反应原生导航

Navigation.startTabBasedApp({
  tabs: [
    {
      label: "One",
      screen: "example.FirstTabScreen",
      title: "Screen One"
    },
    {
      label: "Two",
      screen: "example.SecondTabScreen",
      title: "Screen Two"
    }
  ]
}

我在文档中找不到任何用于从屏幕 1 滑动到屏幕 2 的 API。您知道这是否可能吗？

Answer 1

我不知道反应导航有滑动功能，但您可以使用任何其他滑动库。

示例库：https://www.npmjs.com/package/react-native-swipe-gestures

在此库中，您可以使用滑动功能，并且在滑动功能中您可以导航到任何页面。

Answer 2

这是从中间页面开始的 3 页 Swiper（只需导入您的屏幕）。

将此滑动导入您的导航内作为屏幕（您可以导航到滑动或您可以导航到滑动下的任何屏幕）

import {
  createMaterialTopTabNavigator,
  createAppContainer
} from "react-navigation";

const SwipeTabs = createMaterialTopTabNavigator(
  {
    screen1: { screen: screen1},
    screen2: { screen: screen2},
    screen3: { screen: screen3}
  },
  {
    initialRouteName: "screen2",
    animationEnabled: true,
    tabBarOptions: {
      showLabel: false,
      showIcon: false,
      style: { height: 0 }
    }
  }
);

export default createAppContainer(SwipeTabs);