Turn kitties into cards on Android.

Author: joshuapinter

examples/Basic/index.js

@@ -140,17 +140,17 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
 
-    ...Platform.select({
-      ios: {
+    // ...Platform.select({
+      // ios: {
         backgroundColor: '#eee',
         paddingTop: 60,
-      },
+      // },
 
-      android: {
-        backgroundColor: '#fff',
-        paddingTop: 0,
-      },
-    }),
+      // android: {
+        // backgroundColor: '#fff',
+        // paddingTop: 0,
+      // },
+    // }),
   },
 
   list: {
@@ -159,33 +159,32 @@ const styles = StyleSheet.create({
 
   contentContainer: {
     width: window.width,
-    paddingHorizontal: Platform.OS === 'ios' ? 30 : 0,
+    paddingHorizontal: 30,
   },
 
   row: {
     flexDirection: 'row',
     alignItems: 'center',
     backgroundColor: '#fff',
     padding: 16,
-
     height: 80,
+    flex: 1,
+    marginVertical: 5,
+    borderRadius: 4,
+    width: window.width - 30 * 2,
 
     ...Platform.select({
       ios: {
-        width: window.width - 30 * 2,
-        marginVertical: 5,
-        borderRadius: 4,
         shadowColor: 'rgba(0,0,0,0.2)',
         shadowOpacity: 1,
         shadowOffset: {height: 2, width: 2},
         shadowRadius: 2,
       },
 
       android: {
-        width: window.width,
-        borderTopWidth: StyleSheet.hairlineWidth,
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderColor: '#e5e5e5',
+        elevation: 2,
+        // marginHorizontal: 10,
+        // borderColor: '#e5e5e5',
       },
     })
   },