Create explicit style for TransitionContainer

1 files changed, 6 insertions, 1 deletions

diff --git a/app/components/TransitionContainer.js b/app/components/TransitionContainer.js
index 70a92c47d0..c4f6e459f3 100644
--- a/app/components/TransitionContainer.js
+++ b/app/components/TransitionContainer.js
@@ -16,6 +16,11 @@ type State = {
     dimensions: Types.Dimensions,
 };
 
+const transitionContainerStyle = Styles.createViewStyle({
+  flex: 1,
+  position: 'relative'
+});
+
 export default class TransitionContainer extends Component<TransitionContainerProps, State> {
 
   constructor(props: TransitionContainerProps) {
@@ -184,7 +189,7 @@ export default class TransitionContainer extends Component<TransitionContainerPr
     const { children } = this.props;
     const { previousChildren, childrenAnimation, previousChildrenAnimation } = this.state;
     return (
-      <View style={{flex:1}}>
+      <View style={[ transitionContainerStyle ]}>
 
         { previousChildren &&
           (<Animated.View key={ previousChildren && previousChildren.key }