Update index.js

Remove translateX interpolation and center the list view. This fixes the black border on the right side while expanding the card as seen in the Vimeo video at 0:22min

app/index.js

@@ -100,13 +100,6 @@ class App extends Component {
               // extrapolate: 'clamp'
             }),
           },
-          {
-            translateX: this.state.dockAnimation.interpolate({
-              inputRange: [0, 1],
-              outputRange: [0, -(Dimensions.get('window').width)],
-              // extrapolate: 'clamp'
-            }),
-          },
           {
             translateY: this.state.dockAnimation.interpolate({
               inputRange: [0, 1],
@@ -141,6 +134,7 @@ const styles = StyleSheet.create({
   box: {
     flex: 1,
     backgroundColor: 'black',
+    alignItems:'center', 
   },
   container: {
     flex: 1,