Fix crash with react-native 0.59

See https://github.com/GeekyAnts/NativeBase/issues/2673

src/components/ModuleScreen/BaseConfigScreen.js

@@ -93,7 +93,9 @@ class BaseConfigScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={ this.onGoBackPress }>
+            <Button transparent 
+              style={{ backgroundColor: 'transparent' }}
+              onPress={ this.onGoBackPress }>
               <Icon name='arrow-back' type="MaterialIcons" />
             </Button>
           </Left>

src/components/ModuleScreen/ModuleScreen.js

@@ -24,10 +24,14 @@ class ModuleScreen extends React.Component {
           <Left>
             {
               fromSiteCollect ?
-                <Button transparent onPress={ this.navigateToSiteCollect }>
+                <Button transparent 
+                  style={{ backgroundColor: 'transparent' }} 
+                  onPress={ this.navigateToSiteCollect }>
                   <Icon name='arrow-back' type="MaterialIcons" />
                 </Button> :
-                <Button transparent onPress={() => navigation.openDrawer() }>
+                <Button transparent 
+                  style={{ backgroundColor: 'transparent' }}
+                  onPress={() => navigation.openDrawer() }>
                   <Icon name='menu' type="Entypo" />
                 </Button>
             }

src/components/ModuleScreen/ServiceInfo.js

@@ -27,7 +27,9 @@ class ServiceInfo extends React.Component {
           <Text>{ host }</Text>
           <Left />
           <Right>
-            <Button transparent onPress={this.onExpandPress}>
+            <Button transparent 
+              style={{ backgroundColor: 'transparent' }}
+              onPress={this.onExpandPress}>
               <Icon type='MaterialCommunityIcons' name={ expanded ? 'chevron-up' : 'chevron-down' } />
             </Button>
           </Right>

src/components/ModuleScreen/ServiceStatusCard.js

@@ -29,7 +29,9 @@ class ServiceStatusCard extends React.Component {
           <Text>État des services</Text>
           <Left />
           <Right>
-            <Button onPress={this.onScanButtonPress} transparent
+            <Button onPress={this.onScanButtonPress}
+              style={{ backgroundColor: 'transparent' }}
+              transparent
               disabled={isWorking}>
               <Text style={{fontSize: 10}}>Mettre à jour</Text>
               <Icon type='MaterialCommunityIcons' name='update' />

src/components/ModuleScreen/WifiScanCard.js

@@ -32,6 +32,7 @@ class WifiScanCard extends React.Component {
           <Left />
           <Right>
             <Button onPress={this.onScanButtonTouch}
+              style={{ backgroundColor: 'transparent' }}
               transparent
               disabled={!isWifiEnabled || isWifiScanning || isWifiConnecting}>
               <Text style={{fontSize: 10}}>Scanner</Text>

src/components/SettingScreen/SettingScreen.js

@@ -23,7 +23,10 @@ class SettingScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={() => navigation.openDrawer() }>
+            <Button 
+              transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.openDrawer() }>
               <Icon name='menu' type="Entypo" />
             </Button>
           </Left>

src/components/SideBar/SideBar.js

@@ -15,7 +15,7 @@ class SideBar extends React.Component {
       <Container>
         <Content>
 
-          <Card transparent>
+          <Card transparent style={{ backgroundColor: 'transparent' }}>
             <CardItem header>
               <H2>Carnet de terrain</H2>
             </CardItem>

src/components/SiteScreen/CollectSiteScreen.js

@@ -27,7 +27,9 @@ class CollectSiteScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={() => navigation.goBack() }>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.goBack() }>
               <Icon name='arrow-back' type="MaterialIcons" />
             </Button>
           </Left>

src/components/SiteScreen/EditSiteScreen.js

@@ -18,7 +18,9 @@ class EditSiteScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={() => navigation.goBack() }>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.goBack() }>
               <Icon name='arrow-back' type="MaterialIcons" />
             </Button>
           </Left>

src/components/SiteScreen/NewSiteScreen.js

@@ -21,7 +21,9 @@ class NewSiteScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={() => navigation.goBack() }>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.goBack() }>
               <Icon name='arrow-back' type="MaterialIcons" />
             </Button>
           </Left>

src/components/SiteScreen/SiteForm.js

@@ -28,7 +28,9 @@ class SiteForm extends React.Component {
               </Item>
             </View>
             <View style={{flexDirection: 'row'}}>
-              <Button transparent danger small onPress={this.onDeletePlanPress}>
+              <Button transparent
+                style={{ backgroundColor: 'transparent' }}
+                danger small onPress={this.onDeletePlanPress}>
                 <Icon name="delete" type="MaterialCommunityIcons" />
               </Button>
               <Button primary small onPress={this.onSelectPlanPress}>

src/components/SiteScreen/SitesListScreen.js

@@ -15,7 +15,9 @@ class SitesListScreen extends React.Component {
       <Container>
         <Header>
           <Left>
-            <Button transparent onPress={() => navigation.openDrawer() }>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.openDrawer() }>
               <Icon name='menu' type="Entypo" />
             </Button>
           </Left>
@@ -57,7 +59,9 @@ class SitesListScreen extends React.Component {
             <Text>{s.name}</Text>
           </Left>
           <Right>
-            <Button transparent onPress={() => { navigation.navigate('ViewSite', { siteUUID: s.uuid }) }}>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => { navigation.navigate('ViewSite', { siteUUID: s.uuid }) }}>
               <Icon name="chevron-right" type="Entypo" />
             </Button>
           </Right>

src/components/SiteScreen/ViewSiteScreen.js

@@ -17,7 +17,9 @@ class ViewSiteScreen extends React.Component {
       <Container>
         <Header hasTabs>
           <Left>
-            <Button transparent onPress={() => navigation.goBack() }>
+            <Button transparent
+              style={{ backgroundColor: 'transparent' }}
+              onPress={() => navigation.goBack() }>
               <Icon name='arrow-back' type="MaterialIcons" />
             </Button>
           </Left>

src/components/SiteScreen/ViewSiteTab.js

@@ -17,6 +17,7 @@ class ViewSiteTab extends React.Component {
         <Content padder>
           <View style={{justifyContent:'flex-end',flexDirection:'row',flex:1}}>
             <Button transparent
+              style={{ backgroundColor: 'transparent' }}
               onPress={() => navigation.navigate('EditSite', { siteUUID: site.uuid }) }>
               <Text>Modifier</Text>
               <Icon name='edit' type="MaterialIcons" />