From 3f887a0fd429b82cf17002a58cc5df8f223ce38e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Mantovani?= <jpm.mantovani45@gmail.com>
Date: Sun, 18 Feb 2024 18:03:20 -0300
Subject: [PATCH] docs: update styles in example

---
 example/App.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/example/App.tsx b/example/App.tsx
index 0d8975f..49361fb 100644
--- a/example/App.tsx
+++ b/example/App.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, Text, FlatList } from 'react-native';
+import { View, Text, FlatList, StyleSheet } from 'react-native';
 import { ForceUpdate } from 'reactnative-forceupdate';
 
 interface ListItem {
@@ -27,10 +27,11 @@ const App: React.FC = () => {
       }
       language={'en'}
       platform={'ANDROID'}
-      version={'1.0.2'}
+      version={'3.0.2'}
     >
-      <View>
+      <View style={styles.container}>
         <FlatList
+          contentContainerStyle={styles.list}
           data={data}
           renderItem={renderItem}
           keyExtractor={(item) => item.id.toString()}
@@ -40,4 +41,17 @@ const App: React.FC = () => {
   );
 };
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#39cb31',
+  },
+  list: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    height: '100%',
+  },
+});
+
 export default App;