From e19ff9d6800ced1be310445d7b0d74dc92afc6aa Mon Sep 17 00:00:00 2001
From: Bartol Karuza <bartol@immidi.com>
Date: Sun, 14 Apr 2019 12:52:43 +0200
Subject: [PATCH] chore(lib) make the example less glitchy by fixing the width

---
 example/js/CameraRollExample.js | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/example/js/CameraRollExample.js b/example/js/CameraRollExample.js
index 8f1ef9da8..67cfb802c 100644
--- a/example/js/CameraRollExample.js
+++ b/example/js/CameraRollExample.js
@@ -19,6 +19,7 @@ const {
   Text,
   View,
   TouchableOpacity,
+  Dimensions
 } = ReactNative;
 import CameraRoll from '../../js/CameraRoll';
 import type {PhotoIdentifier, GroupTypes} from '../../js/CameraRoll';
@@ -57,16 +58,18 @@ export default class CameraRollExample extends React.Component<Props, State> {
   render() {
     return (
       <View>
-        <Switch
-          onValueChange={this._onSwitchChange}
-          value={this.state.bigImages}
-        />
-        <Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
-        <Slider
-          value={this.state.sliderValue}
-          onValueChange={this._onSliderChange}
-        />
-        <Text>{'Group Type: ' + this.state.groupTypes}</Text>
+        <View style={styles.header}>
+          <Switch
+            onValueChange={this._onSwitchChange}
+            value={this.state.bigImages}
+          />
+          <Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
+          <Slider
+            value={this.state.sliderValue}
+            onValueChange={this._onSliderChange}
+          />
+          <Text>{'Group Type: ' + this.state.groupTypes}</Text>
+        </View>
         <CameraRollView
           ref={ref => {
             this._cameraRollView = ref;
@@ -131,6 +134,11 @@ export default class CameraRollExample extends React.Component<Props, State> {
 }
 
 const styles = StyleSheet.create({
+  header: {
+    marginTop: 44,
+    padding: 20,
+    width: Dimensions.get('window').width
+  },
   row: {
     flexDirection: 'row',
     flex: 1,