React Native Navigation - swipe to next screen

Question

I have a very simple configuration for react native navigation

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

I can't find in documentation any API for swiping from screen 1 to screen 2. Do you know if is it even possible?

Answer 1

That's 3 pages Swiper starting from middle page (just import your screens).

Import this swipe inside your navigation as a screen (you can navigate to the swipe or you can navigate to any screen under the swipe)

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);