Changed View to Animated.View for TabBarBottom (react-navigation#1360)

Author: zakster12

src/views/TabView/TabBarBottom.js

@@ -1,12 +1,7 @@
 /* @flow */
 
 import React, { PureComponent } from 'react';
-import {
-  Animated,
-  View,
-  TouchableWithoutFeedback,
-  StyleSheet,
-} from 'react-native';
+import { Animated, TouchableWithoutFeedback, StyleSheet } from 'react-native';
 import TabBarIcon from './TabBarIcon';
 
 import type {
@@ -135,7 +130,7 @@ export default class TabBarBottom
     // Prepend '-1', so there are always at least 2 items in inputRange
     const inputRange = [-1, ...routes.map((x: *, i: number) => i)];
     return (
-      <View style={[styles.tabBar, style]}>
+      <Animated.View style={[styles.tabBar, style]}>
         {routes.map((route: NavigationRoute, index: number) => {
           const focused = index === navigation.state.index;
           const scene = { route, index, focused };
@@ -164,7 +159,7 @@ export default class TabBarBottom
             </TouchableWithoutFeedback>
           );
         })}
-      </View>
+      </Animated.View>
     );
   }
 }