fix: fix flow issues

Author: satya164

src/TabBar.js

@@ -17,6 +17,7 @@ import type {
   Scene,
   SceneRendererProps,
   Route,
+  Style,
 } from './TabViewTypeDefinitions';
 
 type IndicatorProps<T> = SceneRendererProps<T> & {
@@ -40,15 +41,15 @@ type Props<T> = SceneRendererProps<T> & {
   pressColor?: string,
   pressOpacity?: number,
   getLabelText: (scene: Scene<T>) => ?string,
-  renderLabel?: (scene: Scene<T>) => ?React.Element<*>,
-  renderIcon?: (scene: Scene<T>) => ?React.Element<*>,
-  renderBadge?: (scene: Scene<T>) => ?React.Element<*>,
-  renderIndicator?: (props: IndicatorProps<T>) => ?React.Element<*>,
+  renderLabel?: (scene: Scene<T>) => ?React.Element<any>,
+  renderIcon?: (scene: Scene<T>) => ?React.Element<any>,
+  renderBadge?: (scene: Scene<T>) => ?React.Element<any>,
+  renderIndicator?: (props: IndicatorProps<T>) => ?React.Element<any>,
   onTabPress?: Function,
-  tabStyle?: any,
-  indicatorStyle?: any,
-  labelStyle?: any,
-  style?: any,
+  tabStyle?: Style,
+  indicatorStyle?: Style,
+  labelStyle?: Style,
+  style?: Style,
 };
 
 type State = {

src/TabViewAnimated.js

@@ -12,10 +12,13 @@ import type {
   Route,
   SubscriptionName,
   PagerProps,
+  Style,
 } from './TabViewTypeDefinitions';
 
 type DefaultProps<T> = {
-  renderPager: (props: SceneRendererProps<T> & PagerProps) => React.Element<*>,
+  renderPager: (
+    props: SceneRendererProps<T> & PagerProps,
+  ) => React.Element<any>,
 };
 
 type Props<T> = PagerProps & {
@@ -24,12 +27,14 @@ type Props<T> = PagerProps & {
   onChangePosition?: (value: number) => void,
   initialLayout?: Layout,
   canJumpToTab?: (route: T) => boolean,
-  renderPager: (props: SceneRendererProps<T> & PagerProps) => React.Element<*>,
-  renderScene: (props: SceneRendererProps<T> & Scene<T>) => ?React.Element<*>,
-  renderHeader?: (props: SceneRendererProps<T>) => ?React.Element<*>,
-  renderFooter?: (props: SceneRendererProps<T>) => ?React.Element<*>,
+  renderPager: (
+    props: SceneRendererProps<T> & PagerProps,
+  ) => React.Element<any>,
+  renderScene: (props: SceneRendererProps<T> & Scene<T>) => ?React.Element<any>,
+  renderHeader?: (props: SceneRendererProps<T>) => ?React.Element<any>,
+  renderFooter?: (props: SceneRendererProps<T>) => ?React.Element<any>,
   lazy?: boolean,
-  style?: any,
+  style?: Style,
 };
 
 type State = {

src/TabViewPagerAndroid.js

@@ -18,7 +18,7 @@ type PageScrollState = 'dragging' | 'settling' | 'idle';
 type Props<T> = SceneRendererProps<T> & {
   animationEnabled?: boolean,
   swipeEnabled?: boolean,
-  children?: any,
+  children?: React.Element<any>,
 };
 
 export default class TabViewPagerAndroid<T: Route<*>>

src/TabViewPagerPan.js

@@ -56,7 +56,7 @@ type Props<T> = SceneRendererProps<T> & {
   swipeEnabled?: boolean,
   swipeDistanceThreshold: number,
   swipeVelocityThreshold: number,
-  children?: any,
+  children?: React.Element<any>,
 };
 
 const DEAD_ZONE = 12;

src/TabViewPagerScroll.js

@@ -22,7 +22,7 @@ type State = {
 type Props<T> = SceneRendererProps<T> & {
   animationEnabled?: boolean,
   swipeEnabled?: boolean,
-  children?: any,
+  children?: React.Element<any>,
 };
 
 export default class TabViewPagerScroll<T: Route<*>>

src/TabViewTypeDefinitions.js

@@ -57,3 +57,5 @@ export type PagerProps = {
   swipeVelocityThreshold?: number,
   children?: *,
 };
+
+export type Style = Object | number | false | null | void | Array<Style>;

src/TouchableItem.js

@@ -8,6 +8,7 @@ import {
   Platform,
   View,
 } from 'react-native';
+import type { Style } from './TabViewTypeDefinitions';
 
 const LOLLIPOP = 21;
 
@@ -16,8 +17,8 @@ type Props = {
   borderless?: boolean,
   pressColor?: string,
   pressOpacity?: number,
-  children?: React.Element<*>,
-  style?: any,
+  children?: React.Element<any>,
+  style?: Style,
 };
 
 type DefaultProps = {