From b799d29dff1f761436e006c109933b7e86e6faac Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 4 Jun 2018 05:02:16 -0400
Subject: [PATCH 1/4] (react-native-tab-view) Update types for 1.0

---
 types/react-native-tab-view/index.d.ts        | 344 +++++++++---------
 .../react-native-tab-view-tests.tsx           |  87 ++---
 2 files changed, 213 insertions(+), 218 deletions(-)

diff --git a/types/react-native-tab-view/index.d.ts b/types/react-native-tab-view/index.d.ts
index 2c6546a628..a5a62f8270 100644
--- a/types/react-native-tab-view/index.d.ts
+++ b/types/react-native-tab-view/index.d.ts
@@ -1,237 +1,231 @@
-// Type definitions for react-native-tab-view 0.0
+// Type definitions for react-native-tab-view 1.0
 // Project: https://github.com/react-native-community/react-native-tab-view
 // Definitions by: Kalle Ott <https://github.com/kaoDev>
+//                 Kyle Roach <https://github.com/iRoachie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.6
 
-import { PureComponent, ReactNode, ComponentType } from 'react'
-import {
-  Animated,
-  StyleProp,
-  ViewStyle,
-  EasingFunction
-} from 'react-native'
+import { PureComponent, ReactNode, ComponentType } from 'react';
+import { Animated, StyleProp, ViewStyle, EasingFunction } from 'react-native';
 
-export type Key = { key: string }
-export type RouteBase = Key & { testID?: string }
+export type Key = { key: string };
+export type RouteBase = Key & { testID?: string };
 
-export type Route<T extends RouteBase = RouteBase> = T
+export type Route<T extends RouteBase = RouteBase> = T;
 
 export type NavigationState<T extends Key> = {
-  index: number
-  routes: T[]
-}
+    index: number;
+    routes: T[];
+};
 
 export type Scene<T> = {
-  route: T
-  focused: boolean
-  index: number
-}
+    route: T;
+    focused: boolean;
+    index: number;
+};
 
 export type Layout = {
-  height: number
-  width: number
-}
+    height: number;
+    width: number;
+};
 
 export type SceneRendererProps<T extends RouteBase = RouteBase> = {
-  layout: Layout & {
-    measured: boolean
-  }
-  navigationState: NavigationState<T>
-  position: Animated.Value
-  jumpToIndex: (index: number) => void
-  getLastPosition: () => number
-  subscribe: (
-    event: SubscriptionName,
-    callback: () => void
-  ) => { remove: () => void }
-}
+    layout: Layout & {
+        measured: boolean;
+    };
+    navigationState: NavigationState<T>;
+    position: Animated.Value;
+    jumpTo: (key: string) => void;
+    getLastPosition: () => number;
+    subscribe: (
+        event: SubscriptionName,
+        callback: () => void
+    ) => { remove: () => void };
+};
 
-export type SubscriptionName = 'reset' | 'position'
+export type SubscriptionName = 'reset' | 'position';
 
 export type TransitionProps = {
-  progress: number
-}
+    progress: number;
+};
 
 export type NavigationTransitionSpec = {
-  duration?: number,
-  // An easing function from `Easing`.
-  easing?: EasingFunction,
-  // A timing function such as `Animated.timing`.
-  timing?: (value: Animated.Value, config: any) => any,
-}
+    duration?: number;
+    // An easing function from `Easing`.
+    easing?: EasingFunction;
+    // A timing function such as `Animated.timing`.
+    timing?: (value: Animated.Value, config: any) => any;
+};
 
 export type TransitionConfigurator = (
-  currentTransitionProps: TransitionProps,
-  nextTransitionProps: TransitionProps
-) => NavigationTransitionSpec
+    currentTransitionProps: TransitionProps,
+    nextTransitionProps: TransitionProps
+) => NavigationTransitionSpec;
 
 export type PagerProps = {
-  configureTransition?: TransitionConfigurator
-  animationEnabled?: boolean
-  swipeEnabled?: boolean
-  swipeDistanceThreshold?: number
-  swipeVelocityThreshold?: number
-  children?: ReactNode
-}
+    configureTransition?: TransitionConfigurator;
+    animationEnabled?: boolean;
+    swipeEnabled?: boolean;
+    swipeDistanceThreshold?: number;
+    swipeVelocityThreshold?: number;
+    children?: ReactNode;
+};
 
-export type TabViewAnimatedProps<
-  T extends RouteBase = RouteBase
-> = PagerProps & {
-  navigationState: NavigationState<T>
-  onIndexChange: (index: number) => void
-  onPositionChange?: (props: { value: number }) => void
-  initialLayout?: Layout
-  canJumpToTab?: (route: T) => boolean
-  renderPager?: (props: SceneRendererProps<T> & PagerProps) => ReactNode
-  renderScene: (props: SceneRendererProps<T> & Scene<T>) => ReactNode
-  renderHeader?: (props: SceneRendererProps<T>) => ReactNode
-  renderFooter?: (props: SceneRendererProps<T>) => ReactNode
-  lazy?: boolean
-  style?: StyleProp<ViewStyle>
-}
+export type TabViewProps<T extends RouteBase = RouteBase> = PagerProps & {
+    navigationState: NavigationState<T>;
+    tabBarPosition?: 'bottom' | 'top';
+    onIndexChange: (index: number) => void;
+    onPositionChange?: (props: { value: number }) => void;
+    initialLayout?: Layout;
+    canJumpToTab?: (route: T) => boolean;
+    renderPager?: (props: SceneRendererProps<T> & PagerProps) => ReactNode;
+    renderScene: (props: SceneRendererProps<T> & Scene<T>) => ReactNode;
+    renderTabBar?: (props: SceneRendererProps<T>) => ReactNode;
+    lazy?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
 
-export class TabViewAnimated<T extends Route = Route> extends PureComponent<
-  TabViewAnimatedProps<T>,
-  any
+export class TabView<T extends Route = Route> extends PureComponent<
+    TabViewProps<T>,
+    any
 > {}
 
 export type GestureEvent = {
-  nativeEvent: {
-    changedTouches: any[]
-    identifier: number
-    locationX: number
-    locationY: number
-    pageX: number
-    pageY: number
-    target: number
-    timestamp: number
-    touches: any[]
-  }
-}
+    nativeEvent: {
+        changedTouches: any[];
+        identifier: number;
+        locationX: number;
+        locationY: number;
+        pageX: number;
+        pageY: number;
+        target: number;
+        timestamp: number;
+        touches: any[];
+    };
+};
 
 export type GestureState = {
-  stateID: number
-  moveX: number
-  moveY: number
-  x0: number
-  y0: number
-  dx: number
-  dy: number
-  vx: number
-  vy: number
-  numberActiveTouches: number
-}
+    stateID: number;
+    moveX: number;
+    moveY: number;
+    x0: number;
+    y0: number;
+    dx: number;
+    dy: number;
+    vx: number;
+    vy: number;
+    numberActiveTouches: number;
+};
 
-export type GestureHandler = (event: GestureEvent, state: GestureState) => void
+export type GestureHandler = (event: GestureEvent, state: GestureState) => void;
 
-export type TabViewPagerPanProps<
-  T extends RouteBase = RouteBase
-> = SceneRendererProps<T> & {
-  configureTransition?: TransitionConfigurator
-  animationEnabled?: boolean
-  swipeEnabled?: boolean
-  swipeDistanceThreshold?: number
-  swipeVelocityThreshold?: number
-  onSwipeStart?: GestureHandler
-  onSwipeEnd?: GestureHandler
-  children?: ReactNode
-}
+export type PagerPanProps<T extends RouteBase = RouteBase> = SceneRendererProps<
+    T
+> & {
+    configureTransition?: TransitionConfigurator;
+    animationEnabled?: boolean;
+    swipeEnabled?: boolean;
+    swipeDistanceThreshold?: number;
+    swipeVelocityThreshold?: number;
+    onSwipeStart?: GestureHandler;
+    onSwipeEnd?: GestureHandler;
+    children?: ReactNode;
+};
 
 export type DefaultTransitionSpec = {
-  timing: typeof Animated.spring
-  tension: 300
-  friction: 35
-}
+    timing: typeof Animated.spring;
+    tension: 300;
+    friction: 35;
+};
 
-export class TabViewPagerPan<T extends Route = Route> extends PureComponent<
-  TabViewPagerPanProps<T>,
-  void
+export class PagerPan<T extends Route = Route> extends PureComponent<
+    PagerPanProps<T>,
+    void
 > {
-  static defaultProps: {
-    configureTransition: () => DefaultTransitionSpec
-    initialLayout: {
-      height: 0
-      width: 0
-    }
-    swipeDistanceThreshold: 120
-    swipeVelocityThreshold: 0.25
-  }
+    static defaultProps: {
+        configureTransition: () => DefaultTransitionSpec;
+        initialLayout: {
+            height: 0;
+            width: 0;
+        };
+        swipeDistanceThreshold: 120;
+        swipeVelocityThreshold: 0.25;
+    };
 }
 
 export type ScrollEvent = {
-  nativeEvent: {
-    contentOffset: {
-      x: number
-      y: number
-    }
-  }
-}
+    nativeEvent: {
+        contentOffset: {
+            x: number;
+            y: number;
+        };
+    };
+};
 
-export type TabViewPagerScrollProps<
-  T extends RouteBase = RouteBase
+export type PagerScrollProps<
+    T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-  animationEnabled?: boolean
-  swipeEnabled?: boolean
-  children?: ReactNode
-}
+    animationEnabled?: boolean;
+    swipeEnabled?: boolean;
+    children?: ReactNode;
+};
 
-export class TabViewPagerScroll<T extends Route = Route> extends PureComponent<
-  TabViewPagerScrollProps<T>,
-  any
+export class PagerScroll<T extends Route = Route> extends PureComponent<
+    PagerScrollProps<T>,
+    any
 > {}
 
 export type PageScrollEvent = {
-  nativeEvent: {
-    position: number
-    offset: number
-  }
-}
+    nativeEvent: {
+        position: number;
+        offset: number;
+    };
+};
 
-export type PageScrollState = 'dragging' | 'settling' | 'idle'
+export type PageScrollState = 'dragging' | 'settling' | 'idle';
 
-export type TabViewPagerAndroidProps<
-  T extends RouteBase = RouteBase
+export type PagerAndroidProps<
+    T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-  animationEnabled?: boolean
-  swipeEnabled?: boolean
-  children?: ReactNode
-}
+    animationEnabled?: boolean;
+    swipeEnabled?: boolean;
+    children?: ReactNode;
+};
 
-export class TabViewPagerAndroid<T extends Route = Route> extends PureComponent<
-  TabViewPagerAndroidProps<T>,
-  void
+export class PagerAndroid<T extends Route = Route> extends PureComponent<
+    PagerAndroidProps<T>,
+    void
 > {}
 
 export type IndicatorProps<
-  T extends RouteBase = RouteBase
+    T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-  width: Animated.Value
-}
+    width: Animated.Value;
+};
 
 export type TabBarProps<T extends RouteBase = RouteBase> = SceneRendererProps<
-  T
+    T
 > & {
-  scrollEnabled?: boolean
-  pressColor?: string
-  pressOpacity?: number
-  getLabelText?: (scene: Scene<T>) => string | undefined | null
-  renderLabel?: (scene: Scene<T>) => ReactNode
-  renderIcon?: (scene: Scene<T>) => ReactNode
-  renderBadge?: (scene: Scene<T>) => ReactNode
-  renderIndicator?: (props: IndicatorProps<T>) => ReactNode
-  onTabPress?: (scene: Scene<T>) => void
-  tabStyle?: StyleProp<ViewStyle>
-  indicatorStyle?: StyleProp<ViewStyle>
-  labelStyle?: StyleProp<ViewStyle>
-  style?: StyleProp<ViewStyle>
-}
+    scrollEnabled?: boolean;
+    pressColor?: string;
+    pressOpacity?: number;
+    getLabelText?: (scene: Scene<T>) => string | undefined | null;
+    renderLabel?: (scene: Scene<T>) => ReactNode;
+    renderIcon?: (scene: Scene<T>) => ReactNode;
+    renderBadge?: (scene: Scene<T>) => ReactNode;
+    renderIndicator?: (props: IndicatorProps<T>) => ReactNode;
+    onTabPress?: (scene: Scene<T>) => void;
+    tabStyle?: StyleProp<ViewStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+};
 
 export class TabBar<T extends Route = Route> extends PureComponent<
-  TabBarProps<T>,
-  any
+    TabBarProps<T>,
+    any
 > {}
 
 export function SceneMap(scenes: {
-  [key: string]: ComponentType<any>
-}): (props: { route: Route }) => ReactNode
+    [key: string]: ComponentType<any>;
+}): (props: { route: Route }) => ReactNode;
diff --git a/types/react-native-tab-view/react-native-tab-view-tests.tsx b/types/react-native-tab-view/react-native-tab-view-tests.tsx
index 97d8c09257..a3e53558ae 100644
--- a/types/react-native-tab-view/react-native-tab-view-tests.tsx
+++ b/types/react-native-tab-view/react-native-tab-view-tests.tsx
@@ -1,58 +1,59 @@
-import { PureComponent, Component } from 'react'
-import { View, StyleSheet } from 'react-native'
+import { PureComponent, Component } from 'react';
+import { View, StyleSheet } from 'react-native';
 import {
-  TabViewAnimated,
-  TabBar,
-  SceneMap,
-  TabBarProps,
-  RouteBase,
-} from 'react-native-tab-view'
+    TabView,
+    TabBar,
+    SceneMap,
+    TabBarProps,
+    RouteBase
+} from 'react-native-tab-view';
 
 const FirstRoute = () => (
-  <View style={[styles.container, { backgroundColor: '#ff4081' }]} />
-)
+    <View style={[styles.container, { backgroundColor: '#ff4081' }]} />
+);
 
 class SecondRoute extends Component {
-  render() {
-    return (
-      <View style={[styles.container, { backgroundColor: '#673ab7' }]} />
-    );
-  }
+    render() {
+        return (
+            <View style={[styles.container, { backgroundColor: '#673ab7' }]} />
+        );
+    }
 }
 
 class TabViewExample extends PureComponent {
-  state: { index: number; routes: Array<RouteBase & { title: string }> } = {
-    index: 0,
-    routes: [
-      { key: 'first', title: 'First' },
-      { key: 'second', title: 'Second' },
-    ],
-  }
+    state: { index: number; routes: Array<RouteBase & { title: string }> } = {
+        index: 0,
+        routes: [
+            { key: 'first', title: 'First' },
+            { key: 'second', title: 'Second' }
+        ]
+    };
 
-  _handleIndexChange = (index: number) => this.setState({ index })
+    _handleIndexChange = (index: number) => this.setState({ index });
 
-  _renderHeader = (props: TabBarProps) => <TabBar {...props} />
+    _renderTabBar = (props: TabBarProps) => <TabBar {...props} />;
 
-  _renderScene = SceneMap({
-    first: FirstRoute,
-    second: SecondRoute,
-  })
+    _renderScene = SceneMap({
+        first: FirstRoute,
+        second: SecondRoute
+    });
 
-  render() {
-    return (
-      <TabViewAnimated
-        style={styles.container}
-        navigationState={this.state}
-        renderScene={this._renderScene}
-        renderHeader={this._renderHeader}
-        onIndexChange={this._handleIndexChange}
-      />
-    )
-  }
+    render() {
+        return (
+            <TabView
+                style={styles.container}
+                navigationState={this.state}
+                renderScene={this._renderScene}
+                renderTabBar={this._renderTabBar}
+                tabBarPosition="top"
+                onIndexChange={this._handleIndexChange}
+            />
+        );
+    }
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-})
+    container: {
+        flex: 1
+    }
+});

From b3228e51ad092d0f4adad983f0dd1002379edf39 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 4 Jun 2018 05:10:57 -0400
Subject: [PATCH 2/4] Remove import from react-router-navigation

---
 types/react-router-navigation/index.d.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/types/react-router-navigation/index.d.ts b/types/react-router-navigation/index.d.ts
index 120ffb0d82..0d74da3084 100644
--- a/types/react-router-navigation/index.d.ts
+++ b/types/react-router-navigation/index.d.ts
@@ -4,14 +4,13 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-import { Component, ReactNode, ReactElement, ComponentClass } from "react";
-import { StyleProp, ViewProps, ViewStyle, TextStyle } from "react-native";
-import { TabViewAnimated, TabViewPagerPan } from "react-native-tab-view";
-import { RouteProps } from "react-router-navigation-core";
+import { Component, ReactNode, ReactElement, ComponentClass } from 'react';
+import { StyleProp, ViewProps, ViewStyle, TextStyle } from 'react-native';
+import { RouteProps } from 'react-router-navigation-core';
 import {
     NavigationTransitionProps,
     NavigationTransitionSpec
-} from "react-navigation";
+} from 'react-navigation';
 
 /**
  * Navigation
@@ -80,7 +79,7 @@ export interface TabBarProps {
     // <BottomNavigation /> only:
     renderTabIcon?: (props: TabSubViewProps) => ReactNode;
     // <Tabs /> only:
-    tabBarPosition?: "top" | "bottom";
+    tabBarPosition?: 'top' | 'bottom';
     tabBarIndicatorStyle?: StyleProp<ViewStyle>;
 }
 

From 479df0e843349248397a3191ea9cfba9dd40515b Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 4 Jun 2018 05:12:28 -0400
Subject: [PATCH 3/4] Update import to TabView

---
 .../react-router-navigation-core-tests.tsx        | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/types/react-router-navigation-core/react-router-navigation-core-tests.tsx b/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
index 6d6d048886..08b63cd700 100644
--- a/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
+++ b/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
@@ -1,8 +1,8 @@
-import * as React from "react";
-import { View } from "react-native";
-import { TabStack, renderSubView } from "react-router-navigation-core";
-import { TabBarProps, TabProps } from "react-router-navigation";
-import { TabViewAnimated } from "react-native-tab-view";
+import * as React from 'react';
+import { View } from 'react-native';
+import { TabStack, renderSubView } from 'react-router-navigation-core';
+import { TabBarProps, TabProps } from 'react-router-navigation';
+import { TabView } from 'react-native-tab-view';
 
 type Props = TabBarProps & {
     children?: Array<React.ReactElement<TabProps>>;
@@ -24,7 +24,7 @@ class BottomNavigation extends React.Component<Props, State> {
                 render={props => {
                     const ownProps = { ...this.props, ...props };
                     return (
-                        <TabViewAnimated
+                        <TabView
                             {...props}
                             key={`transitioner_${this.state.key}`}
                             animationEnabled={false}
@@ -32,10 +32,11 @@ class BottomNavigation extends React.Component<Props, State> {
                                 sceneProps => <View />,
                                 ownProps
                             )}
-                            renderFooter={renderSubView(
+                            renderTabBar={renderSubView(
                                 sceneProps => <View />,
                                 ownProps
                             )}
+                            tabBarPosition="bottom"
                             renderScene={renderSubView(
                                 sceneProps => <View />,
                                 ownProps

From d3996bfe20efd23a70ba38bb720a7800c7e2c825 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 4 Jun 2018 05:35:06 -0400
Subject: [PATCH 4/4] Remove prettier spacing changes

---
 types/react-native-tab-view/index.d.ts        | 330 +++++++++---------
 .../react-native-tab-view-tests.tsx           |  88 ++---
 .../react-router-navigation-core-tests.tsx    |  10 +-
 types/react-router-navigation/index.d.ts      |  10 +-
 4 files changed, 222 insertions(+), 216 deletions(-)

diff --git a/types/react-native-tab-view/index.d.ts b/types/react-native-tab-view/index.d.ts
index a5a62f8270..c761d80d14 100644
--- a/types/react-native-tab-view/index.d.ts
+++ b/types/react-native-tab-view/index.d.ts
@@ -4,228 +4,234 @@
 //                 Kyle Roach <https://github.com/iRoachie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.6
+import { PureComponent, ReactNode, ComponentType } from 'react'
+import {
+  Animated,
+  StyleProp,
+  ViewStyle,
+  EasingFunction
+} from 'react-native'
 
-import { PureComponent, ReactNode, ComponentType } from 'react';
-import { Animated, StyleProp, ViewStyle, EasingFunction } from 'react-native';
+export type Key = { key: string }
+export type RouteBase = Key & { testID?: string }
 
-export type Key = { key: string };
-export type RouteBase = Key & { testID?: string };
-
-export type Route<T extends RouteBase = RouteBase> = T;
+export type Route<T extends RouteBase = RouteBase> = T
 
 export type NavigationState<T extends Key> = {
-    index: number;
-    routes: T[];
-};
+  index: number
+  routes: T[]
+}
 
 export type Scene<T> = {
-    route: T;
-    focused: boolean;
-    index: number;
-};
+  route: T
+  focused: boolean
+  index: number
+}
 
 export type Layout = {
-    height: number;
-    width: number;
-};
+  height: number
+  width: number
+}
 
 export type SceneRendererProps<T extends RouteBase = RouteBase> = {
-    layout: Layout & {
-        measured: boolean;
-    };
-    navigationState: NavigationState<T>;
-    position: Animated.Value;
-    jumpTo: (key: string) => void;
-    getLastPosition: () => number;
-    subscribe: (
-        event: SubscriptionName,
-        callback: () => void
-    ) => { remove: () => void };
-};
+  layout: Layout & {
+    measured: boolean
+  }
+  navigationState: NavigationState<T>
+  position: Animated.Value
+  jumpTo: (key: string) => void
+  getLastPosition: () => number
+  subscribe: (
+    event: SubscriptionName,
+    callback: () => void
+  ) => { remove: () => void }
+}
 
-export type SubscriptionName = 'reset' | 'position';
+export type SubscriptionName = 'reset' | 'position'
 
 export type TransitionProps = {
-    progress: number;
-};
+  progress: number
+}
 
 export type NavigationTransitionSpec = {
-    duration?: number;
-    // An easing function from `Easing`.
-    easing?: EasingFunction;
-    // A timing function such as `Animated.timing`.
-    timing?: (value: Animated.Value, config: any) => any;
-};
+  duration?: number,
+  // An easing function from `Easing`.
+  easing?: EasingFunction,
+  // A timing function such as `Animated.timing`.
+  timing?: (value: Animated.Value, config: any) => any,
+}
 
 export type TransitionConfigurator = (
-    currentTransitionProps: TransitionProps,
-    nextTransitionProps: TransitionProps
-) => NavigationTransitionSpec;
+  currentTransitionProps: TransitionProps,
+  nextTransitionProps: TransitionProps
+) => NavigationTransitionSpec
 
 export type PagerProps = {
-    configureTransition?: TransitionConfigurator;
-    animationEnabled?: boolean;
-    swipeEnabled?: boolean;
-    swipeDistanceThreshold?: number;
-    swipeVelocityThreshold?: number;
-    children?: ReactNode;
-};
+  configureTransition?: TransitionConfigurator
+  animationEnabled?: boolean
+  swipeEnabled?: boolean
+  swipeDistanceThreshold?: number
+  swipeVelocityThreshold?: number
+  children?: ReactNode
+}
 
-export type TabViewProps<T extends RouteBase = RouteBase> = PagerProps & {
-    navigationState: NavigationState<T>;
-    tabBarPosition?: 'bottom' | 'top';
-    onIndexChange: (index: number) => void;
-    onPositionChange?: (props: { value: number }) => void;
-    initialLayout?: Layout;
-    canJumpToTab?: (route: T) => boolean;
-    renderPager?: (props: SceneRendererProps<T> & PagerProps) => ReactNode;
-    renderScene: (props: SceneRendererProps<T> & Scene<T>) => ReactNode;
-    renderTabBar?: (props: SceneRendererProps<T>) => ReactNode;
-    lazy?: boolean;
-    style?: StyleProp<ViewStyle>;
-};
+export type TabViewProps<
+  T extends RouteBase = RouteBase
+> = PagerProps & {
+  navigationState: NavigationState<T>
+  tabBarPosition?: 'bottom' | 'top'
+  onIndexChange: (index: number) => void
+  onPositionChange?: (props: { value: number }) => void
+  initialLayout?: Layout
+  canJumpToTab?: (route: T) => boolean
+  renderPager?: (props: SceneRendererProps<T> & PagerProps) => ReactNode
+  renderScene: (props: SceneRendererProps<T> & Scene<T>) => ReactNode
+  renderTabBar?: (props: SceneRendererProps<T>) => ReactNode
+  lazy?: boolean
+  style?: StyleProp<ViewStyle>
+}
 
 export class TabView<T extends Route = Route> extends PureComponent<
-    TabViewProps<T>,
-    any
+  TabViewProps<T>,
+  any
 > {}
 
 export type GestureEvent = {
-    nativeEvent: {
-        changedTouches: any[];
-        identifier: number;
-        locationX: number;
-        locationY: number;
-        pageX: number;
-        pageY: number;
-        target: number;
-        timestamp: number;
-        touches: any[];
-    };
-};
+  nativeEvent: {
+    changedTouches: any[]
+    identifier: number
+    locationX: number
+    locationY: number
+    pageX: number
+    pageY: number
+    target: number
+    timestamp: number
+    touches: any[]
+  }
+}
 
 export type GestureState = {
-    stateID: number;
-    moveX: number;
-    moveY: number;
-    x0: number;
-    y0: number;
-    dx: number;
-    dy: number;
-    vx: number;
-    vy: number;
-    numberActiveTouches: number;
-};
+  stateID: number
+  moveX: number
+  moveY: number
+  x0: number
+  y0: number
+  dx: number
+  dy: number
+  vx: number
+  vy: number
+  numberActiveTouches: number
+}
 
-export type GestureHandler = (event: GestureEvent, state: GestureState) => void;
+export type GestureHandler = (event: GestureEvent, state: GestureState) => void
 
-export type PagerPanProps<T extends RouteBase = RouteBase> = SceneRendererProps<
-    T
-> & {
-    configureTransition?: TransitionConfigurator;
-    animationEnabled?: boolean;
-    swipeEnabled?: boolean;
-    swipeDistanceThreshold?: number;
-    swipeVelocityThreshold?: number;
-    onSwipeStart?: GestureHandler;
-    onSwipeEnd?: GestureHandler;
-    children?: ReactNode;
-};
+export type PagerPanProps<
+  T extends RouteBase = RouteBase
+> = SceneRendererProps<T> & {
+  configureTransition?: TransitionConfigurator
+  animationEnabled?: boolean
+  swipeEnabled?: boolean
+  swipeDistanceThreshold?: number
+  swipeVelocityThreshold?: number
+  onSwipeStart?: GestureHandler
+  onSwipeEnd?: GestureHandler
+  children?: ReactNode
+}
 
 export type DefaultTransitionSpec = {
-    timing: typeof Animated.spring;
-    tension: 300;
-    friction: 35;
-};
+  timing: typeof Animated.spring
+  tension: 300
+  friction: 35
+}
 
 export class PagerPan<T extends Route = Route> extends PureComponent<
-    PagerPanProps<T>,
-    void
+  PagerPanProps<T>,
+  void
 > {
-    static defaultProps: {
-        configureTransition: () => DefaultTransitionSpec;
-        initialLayout: {
-            height: 0;
-            width: 0;
-        };
-        swipeDistanceThreshold: 120;
-        swipeVelocityThreshold: 0.25;
-    };
+  static defaultProps: {
+    configureTransition: () => DefaultTransitionSpec
+    initialLayout: {
+      height: 0
+      width: 0
+    }
+    swipeDistanceThreshold: 120
+    swipeVelocityThreshold: 0.25
+  }
 }
 
 export type ScrollEvent = {
-    nativeEvent: {
-        contentOffset: {
-            x: number;
-            y: number;
-        };
-    };
-};
+  nativeEvent: {
+    contentOffset: {
+      x: number
+      y: number
+    }
+  }
+}
 
 export type PagerScrollProps<
-    T extends RouteBase = RouteBase
+  T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-    animationEnabled?: boolean;
-    swipeEnabled?: boolean;
-    children?: ReactNode;
-};
+  animationEnabled?: boolean
+  swipeEnabled?: boolean
+  children?: ReactNode
+}
 
 export class PagerScroll<T extends Route = Route> extends PureComponent<
-    PagerScrollProps<T>,
-    any
+PagerScrollProps<T>,
+  any
 > {}
 
 export type PageScrollEvent = {
-    nativeEvent: {
-        position: number;
-        offset: number;
-    };
-};
+  nativeEvent: {
+    position: number
+    offset: number
+  }
+}
 
-export type PageScrollState = 'dragging' | 'settling' | 'idle';
+export type PageScrollState = 'dragging' | 'settling' | 'idle'
 
 export type PagerAndroidProps<
-    T extends RouteBase = RouteBase
+  T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-    animationEnabled?: boolean;
-    swipeEnabled?: boolean;
-    children?: ReactNode;
-};
+  animationEnabled?: boolean
+  swipeEnabled?: boolean
+  children?: ReactNode
+}
 
 export class PagerAndroid<T extends Route = Route> extends PureComponent<
-    PagerAndroidProps<T>,
-    void
+  PagerAndroidProps<T>,
+  void
 > {}
 
 export type IndicatorProps<
-    T extends RouteBase = RouteBase
+  T extends RouteBase = RouteBase
 > = SceneRendererProps<T> & {
-    width: Animated.Value;
-};
+  width: Animated.Value
+}
 
 export type TabBarProps<T extends RouteBase = RouteBase> = SceneRendererProps<
-    T
+  T
 > & {
-    scrollEnabled?: boolean;
-    pressColor?: string;
-    pressOpacity?: number;
-    getLabelText?: (scene: Scene<T>) => string | undefined | null;
-    renderLabel?: (scene: Scene<T>) => ReactNode;
-    renderIcon?: (scene: Scene<T>) => ReactNode;
-    renderBadge?: (scene: Scene<T>) => ReactNode;
-    renderIndicator?: (props: IndicatorProps<T>) => ReactNode;
-    onTabPress?: (scene: Scene<T>) => void;
-    tabStyle?: StyleProp<ViewStyle>;
-    indicatorStyle?: StyleProp<ViewStyle>;
-    labelStyle?: StyleProp<ViewStyle>;
-    style?: StyleProp<ViewStyle>;
-};
+  scrollEnabled?: boolean
+  pressColor?: string
+  pressOpacity?: number
+  getLabelText?: (scene: Scene<T>) => string | undefined | null
+  renderLabel?: (scene: Scene<T>) => ReactNode
+  renderIcon?: (scene: Scene<T>) => ReactNode
+  renderBadge?: (scene: Scene<T>) => ReactNode
+  renderIndicator?: (props: IndicatorProps<T>) => ReactNode
+  onTabPress?: (scene: Scene<T>) => void
+  tabStyle?: StyleProp<ViewStyle>
+  indicatorStyle?: StyleProp<ViewStyle>
+  labelStyle?: StyleProp<ViewStyle>
+  style?: StyleProp<ViewStyle>
+}
 
 export class TabBar<T extends Route = Route> extends PureComponent<
-    TabBarProps<T>,
-    any
+  TabBarProps<T>,
+  any
 > {}
 
 export function SceneMap(scenes: {
-    [key: string]: ComponentType<any>;
-}): (props: { route: Route }) => ReactNode;
+  [key: string]: ComponentType<any>
+}): (props: { route: Route }) => ReactNode
diff --git a/types/react-native-tab-view/react-native-tab-view-tests.tsx b/types/react-native-tab-view/react-native-tab-view-tests.tsx
index a3e53558ae..a7530b9ec9 100644
--- a/types/react-native-tab-view/react-native-tab-view-tests.tsx
+++ b/types/react-native-tab-view/react-native-tab-view-tests.tsx
@@ -1,59 +1,59 @@
-import { PureComponent, Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { PureComponent, Component } from 'react'
+import { View, StyleSheet } from 'react-native'
 import {
-    TabView,
-    TabBar,
-    SceneMap,
-    TabBarProps,
-    RouteBase
-} from 'react-native-tab-view';
+  TabView,
+  TabBar,
+  SceneMap,
+  TabBarProps,
+  RouteBase,
+} from 'react-native-tab-view'
 
 const FirstRoute = () => (
-    <View style={[styles.container, { backgroundColor: '#ff4081' }]} />
-);
+  <View style={[styles.container, { backgroundColor: '#ff4081' }]} />
+)
 
 class SecondRoute extends Component {
-    render() {
-        return (
-            <View style={[styles.container, { backgroundColor: '#673ab7' }]} />
-        );
-    }
+  render() {
+    return (
+      <View style={[styles.container, { backgroundColor: '#673ab7' }]} />
+    );
+  }
 }
 
 class TabViewExample extends PureComponent {
-    state: { index: number; routes: Array<RouteBase & { title: string }> } = {
-        index: 0,
-        routes: [
-            { key: 'first', title: 'First' },
-            { key: 'second', title: 'Second' }
-        ]
-    };
+  state: { index: number; routes: Array<RouteBase & { title: string }> } = {
+    index: 0,
+    routes: [
+      { key: 'first', title: 'First' },
+      { key: 'second', title: 'Second' },
+    ],
+  }
 
-    _handleIndexChange = (index: number) => this.setState({ index });
+  _handleIndexChange = (index: number) => this.setState({ index })
 
-    _renderTabBar = (props: TabBarProps) => <TabBar {...props} />;
+  _renderTabBar = (props: TabBarProps) => <TabBar {...props} />
 
-    _renderScene = SceneMap({
-        first: FirstRoute,
-        second: SecondRoute
-    });
+  _renderScene = SceneMap({
+    first: FirstRoute,
+    second: SecondRoute,
+  })
 
-    render() {
-        return (
-            <TabView
-                style={styles.container}
-                navigationState={this.state}
-                renderScene={this._renderScene}
-                renderTabBar={this._renderTabBar}
-                tabBarPosition="top"
-                onIndexChange={this._handleIndexChange}
-            />
-        );
-    }
+  render() {
+    return (
+      <TabView
+        style={styles.container}
+        navigationState={this.state}
+        renderScene={this._renderScene}
+        renderTabBar={this._renderTabBar}
+        tabBarPosition="top"
+        onIndexChange={this._handleIndexChange}
+      />
+    )
+  }
 }
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1
-    }
-});
+  container: {
+    flex: 1,
+  },
+})
diff --git a/types/react-router-navigation-core/react-router-navigation-core-tests.tsx b/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
index 08b63cd700..e99fffdc77 100644
--- a/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
+++ b/types/react-router-navigation-core/react-router-navigation-core-tests.tsx
@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { TabStack, renderSubView } from 'react-router-navigation-core';
-import { TabBarProps, TabProps } from 'react-router-navigation';
-import { TabView } from 'react-native-tab-view';
+import * as React from "react";
+import { View } from "react-native";
+import { TabStack, renderSubView } from "react-router-navigation-core";
+import { TabBarProps, TabProps } from "react-router-navigation";
+import { TabView } from "react-native-tab-view";
 
 type Props = TabBarProps & {
     children?: Array<React.ReactElement<TabProps>>;
diff --git a/types/react-router-navigation/index.d.ts b/types/react-router-navigation/index.d.ts
index 0d74da3084..e43f08e652 100644
--- a/types/react-router-navigation/index.d.ts
+++ b/types/react-router-navigation/index.d.ts
@@ -4,13 +4,13 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-import { Component, ReactNode, ReactElement, ComponentClass } from 'react';
-import { StyleProp, ViewProps, ViewStyle, TextStyle } from 'react-native';
-import { RouteProps } from 'react-router-navigation-core';
+import { Component, ReactNode, ReactElement, ComponentClass } from "react";
+import { StyleProp, ViewProps, ViewStyle, TextStyle } from "react-native";
+import { RouteProps } from "react-router-navigation-core";
 import {
     NavigationTransitionProps,
     NavigationTransitionSpec
-} from 'react-navigation';
+} from "react-navigation";
 
 /**
  * Navigation
@@ -79,7 +79,7 @@ export interface TabBarProps {
     // <BottomNavigation /> only:
     renderTabIcon?: (props: TabSubViewProps) => ReactNode;
     // <Tabs /> only:
-    tabBarPosition?: 'top' | 'bottom';
+    tabBarPosition?: "top" | "bottom";
     tabBarIndicatorStyle?: StyleProp<ViewStyle>;
 }