Solve Android styles issues (#1)

* Solve Android styles issues

* Fix tests

Author: a-morenovalls

__tests__/__snapshots__/CascadePicker.test.js.snap

@@ -1,7 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders correctly 1`] = `
-<View>
+<View
+  style={
+    Object {
+      "backgroundColor": "white",
+      "elevation": 4,
+    }
+  }
+>
   <View
     style={
       Array [
@@ -75,25 +82,7 @@ exports[`renders correctly 1`] = `
             "margin": 10,
             "width": 300,
           },
-          Array [
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderBottomWidth": 1,
-              },
-              Object {
-                "backgroundColor": "grey",
-              },
-            ],
-            Object {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "height": 44,
-              "justifyContent": "center",
-            },
-          ],
+          undefined,
         ]
       }
     >
@@ -124,25 +113,7 @@ exports[`renders correctly 1`] = `
             "margin": 10,
             "width": 300,
           },
-          Array [
-            Array [
-              Object {
-                "overflow": "hidden",
-              },
-              Object {
-                "borderBottomWidth": 1,
-              },
-              Object {
-                "backgroundColor": "white",
-              },
-            ],
-            Object {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "height": 44,
-              "justifyContent": "center",
-            },
-          ],
+          undefined,
         ]
       }
     >

lib/CascadePicker.js

@@ -144,7 +144,7 @@ class CascadePicker extends React.Component<Props, State> {
 
   render() {
     return (
-      <View>
+      <View style={{ backgroundColor: this.props.mainColor, elevation: 4 }}>
         {this._renderButton()}
         <Animated.View style={[styles.options, { height: this._height }]}>
           {this._renderChilds()}

lib/OptionButton.js

@@ -2,6 +2,7 @@
 
 import React from 'react'
 import {
+  View,
   Text,
   Platform,
   StyleSheet,
@@ -29,12 +30,12 @@ class OptionButton extends React.Component<Props> {
 
   render() {
     return (
-      <TouchableElement
-        onPress={this._onPressElement}
-        style={[this.props.style, styles.container]}>
-        <Text style={[styles.text, this.props.textStyle]}>
-          {this.props.children.toUpperCase()}
-        </Text>
+      <TouchableElement onPress={this._onPressElement}>
+        <View style={[this.props.style, styles.container]}>
+          <Text style={[styles.text, this.props.textStyle]}>
+            {this.props.children.toUpperCase()}
+          </Text>
+        </View>
       </TouchableElement>
     )
   }