Added translucent props on the examples

cesardeazevedo · Apr 16, 2017 · a0a1f19 · a0a1f19
1 parent 15a867d
commit a0a1f19
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/example/views/AnchorSheetView.js b/example/views/AnchorSheetView.js
@@ -78,7 +78,10 @@ class AnchorSheetView extends Component {
     return (
       <CoordinatorLayout style={styles.container}>
         <StatusBar translucent backgroundColor='#205cb2' />
-        <ScrollingAppBarLayout style={styles.scrollAppBar} statusBarColor='#205cb2'>
+        <ScrollingAppBarLayout
+          translucent
+          style={styles.scrollAppBar}
+          statusBarColor='#205cb2'>
           <Icon.ToolbarAndroid
             navIconName={'md-menu'}
             style={styles.toolbar}
@@ -114,6 +117,7 @@ class AnchorSheetView extends Component {
           </View>
         </BottomSheetBehavior>
         <MergedAppBarLayout
+          translucent
           mergedColor={this.state.color}
           toolbarColor={this.state.color}
           statusBarColor={this.state.color}

diff --git a/example/views/GoogleMapsView.js b/example/views/GoogleMapsView.js
@@ -307,6 +307,7 @@ class GoogleMapsView extends Component {
   renderMergedAppBarLayout() {
     return (
       <MergedAppBarLayout
+        translucent
         mergedColor={PRIMARY_COLOR}
         toolbarColor={PRIMARY_COLOR}
         statusBarColor={STATUS_BAR_COLOR}
@@ -379,6 +380,7 @@ class GoogleMapsView extends Component {
   renderToolbar() {
     return (
       <ScrollingAppBarLayout
+        translucent
         style={styles.scrollAppBar}
         statusBarColor={STATUS_BAR_COLOR}>
         <Icon.ToolbarAndroid
@@ -394,7 +396,7 @@ class GoogleMapsView extends Component {
   render() {
     return (
       <CoordinatorLayout style={styles.container}>
-        <StatusBar translucent backgroundColor={STATUS_BAR_COLOR} />
+        <StatusBar translucent barStyle='dark-content' backgroundColor={STATUS_BAR_COLOR} />
         {this.renderToolbar()}
         <View style={styles.content}>
           {this.renderMaps()}