import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  container: {
    flex: 1
  },
  photoContainer: {
    flex: 1,
    position: 'absolute'
  },
  photo: {
    flex: 1,
    resizeMode: 'cover'
  },
  contentContainer: {
    backgroundColor: 'transparent'
  },
  headerContainer: {
    flex: 1,
    justifyContent: 'flex-end',
    backgroundColor: 'transparent',
    padding: 10
  },
  title: {
    color: '#FFF',
    fontWeight: 'bold',
    fontSize: 20
  },
  subtitle: {
    color: '#FFF',
    fontSize: 12
  }
});
@@ -12,16 +12,28 @@
 yleSheet
+, Dimensions
  %7D from 
@@ -190,31 +190,61 @@
 hoto: %7B%0A    
-flex: 1
+width: Dimensions.get('window').width
 ,%0A    resize
@@ -256,16 +256,29 @@
  'cover'
+,%0A    flex: 1
 %0A  %7D,%0A  
@@ -593,8 +593,9 @@
 %0A  %7D%0A%7D);
+%0A

fix styles