Adjusted Avatars Card and children Views (#786)

The `height` prop in `Card` component were hiding the second View, limiting the View. Style props in each child was also spared. This can be chest in the parent View. This is more simple. I based of [Layout in flexbox](https://facebook.github.io/react-native/docs/flexbox.html)
react-native-elements · Dec 17, 2017 · 1f689f5 · 1f689f5
1 parent 66fbbc2
commit 1f689f5
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/example/src/views/lists_home.js b/example/src/views/lists_home.js
@@ -303,13 +303,19 @@ class Icons extends Component {
             containerStyle={{
               marginTop: 15,
               marginBottom: 15,
-              height: 230,
               paddingLeft: 10,
             }}
             title="AVATARS"
           >
-            <View style={{margin: 40, flex: 1}}>
-              <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
+            <View
+              style={{
+                flex: 1,
+                margin: 40,
+                justifyContent: 'center',
+                alignItems: 'center',
+              }}
+            >
+              <View style={{ flexDirection: 'row' }}>
                 <Avatar
                   small
                   rounded
@@ -346,7 +352,7 @@ class Icons extends Component {
                   activeOpacity={0.7}
                 />
               </View>
-              <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center', marginTop: 80}}>
+              <View style={{ marginTop: 40, flexDirection: 'row' }}>
                 <Avatar
                   medium
                   rounded