[bug] Rounded raised button would have white square edges #493

react-native-elements · Jul 16, 2017 · e487f23 · e487f23
1 parent bb8c0f3
commit e487f23
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/buttons/Button.js b/src/buttons/Button.js
@@ -111,8 +111,7 @@ const Button = props => {
 
   const baseFont = {
     color: (textStyle && textStyle.color) || color || stylesObject.text.color,
-    size:
-      (textStyle && textStyle.fontSize) ||
+    size: (textStyle && textStyle.fontSize) ||
       fontSize ||
       (!large && stylesObject.smallFont.fontSize) ||
       stylesObject.text.fontSize,
@@ -231,6 +230,7 @@ Button.propTypes = {
 
 const stylesObject = {
   container: {
+    backgroundColor: 'transparent',
     marginLeft: 15,
     marginRight: 15,
   },

diff --git a/src/buttons/__tests__/__snapshots__/Button.js.snap b/src/buttons/__tests__/__snapshots__/Button.js.snap
@@ -5,6 +5,7 @@ exports[`Button Component should render with custom icon component 1`] = `
   style={
     Array [
       Object {
+        "backgroundColor": "transparent",
         "marginLeft": 15,
         "marginRight": 15,
       },
@@ -92,6 +93,7 @@ exports[`Button Component should render with default icon 1`] = `
   style={
     Array [
       Object {
+        "backgroundColor": "transparent",
         "marginLeft": 15,
         "marginRight": 15,
       },
@@ -180,6 +182,7 @@ exports[`Button Component should render with icon type 1`] = `
   style={
     Array [
       Object {
+        "backgroundColor": "transparent",
         "marginLeft": 15,
         "marginRight": 15,
       },
@@ -266,6 +269,7 @@ exports[`Button Component should render without issues 1`] = `
   style={
     Array [
       Object {
+        "backgroundColor": "transparent",
         "marginLeft": 15,
         "marginRight": 15,
       },