diff --git a/src/components/BottomNavigation.js b/src/components/BottomNavigation.js
index 595a6fe..15050d2 100644
--- a/src/components/BottomNavigation.js
+++ b/src/components/BottomNavigation.js
@@ -41,6 +41,10 @@ type Props<T> = {
    * By default, this is `true` when you have more than 3 tabs.
    */
   shifting?: boolean,
+  /**
+   * Whether to show labels in tabs. When `false`, only icons will be displayed.
+   */
+  labeled?: boolean,
   /**
    * State for the bottom navigation. The state should contain the following properties:
    *
@@ -289,6 +293,10 @@ class BottomNavigation<T: *> extends React.Component<Props<T>, State> {
     );
   }
 
+  static defaultProps = {
+    labeled: true,
+  };
+
   static getDerivedStateFromProps(nextProps, prevState) {
     const { index, routes } = nextProps.navigationState;
 
@@ -436,6 +444,7 @@ class BottomNavigation<T: *> extends React.Component<Props<T>, State> {
       activeTintColor,
       inactiveTintColor,
       barStyle,
+      labeled,
       style,
       theme,
     } = this.props;
@@ -574,20 +583,23 @@ class BottomNavigation<T: *> extends React.Component<Props<T>, State> {
               const focused = this.state.tabs[index];
 
               // Scale up in the label
-              const scale = shifting
-                ? focused.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [0.5, 1],
-                  })
-                : 1;
+              const scale =
+                labeled && shifting
+                  ? focused.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [0.5, 1],
+                    })
+                  : 1;
 
               // Move down the icon to account for no-label in shifting and smaller label in non-shifting.
-              const translateY = shifting
-                ? focused.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [10, 0],
-                  })
-                : 0;
+              const translateY = labeled
+                ? shifting
+                  ? focused.interpolate({
+                      inputRange: [0, 1],
+                      outputRange: [10, 0],
+                    })
+                  : 0
+                : 10;
 
               // We render the active icon and label on top of inactive ones and cross-fade them on change.
               // This trick gives the illusion that we are animating between active and inactive colors.
@@ -651,58 +663,33 @@ class BottomNavigation<T: *> extends React.Component<Props<T>, State> {
                         )}
                       </Animated.View>
                     </Animated.View>
-                    <Animated.View
-                      style={[
-                        styles.labelContainer,
-                        {
-                          transform: [{ scale }],
-                        },
-                      ]}
-                    >
+                    {labeled ? (
                       <Animated.View
                         style={[
-                          styles.labelWrapper,
-                          { opacity: activeOpacity },
+                          styles.labelContainer,
+                          {
+                            transform: [{ scale }],
+                          },
                         ]}
                       >
-                        {renderLabel ? (
-                          renderLabel({
-                            route,
-                            focused: true,
-                            tintColor: activeColor,
-                          })
-                        ) : (
-                          <AnimatedText
-                            style={[
-                              styles.label,
-                              {
-                                color: activeColor,
-                              },
-                            ]}
-                          >
-                            {getLabelText({ route })}
-                          </AnimatedText>
-                        )}
-                      </Animated.View>
-                      {shifting ? null : (
                         <Animated.View
                           style={[
                             styles.labelWrapper,
-                            { opacity: inactiveOpacity },
+                            { opacity: activeOpacity },
                           ]}
                         >
                           {renderLabel ? (
                             renderLabel({
                               route,
-                              focused: false,
-                              tintColor: inactiveColor,
+                              focused: true,
+                              tintColor: activeColor,
                             })
                           ) : (
                             <AnimatedText
                               style={[
                                 styles.label,
                                 {
-                                  color: inactiveColor,
+                                  color: activeColor,
                                 },
                               ]}
                             >
@@ -710,8 +697,37 @@ class BottomNavigation<T: *> extends React.Component<Props<T>, State> {
                             </AnimatedText>
                           )}
                         </Animated.View>
-                      )}
-                    </Animated.View>
+                        {shifting ? null : (
+                          <Animated.View
+                            style={[
+                              styles.labelWrapper,
+                              { opacity: inactiveOpacity },
+                            ]}
+                          >
+                            {renderLabel ? (
+                              renderLabel({
+                                route,
+                                focused: false,
+                                tintColor: inactiveColor,
+                              })
+                            ) : (
+                              <AnimatedText
+                                style={[
+                                  styles.label,
+                                  {
+                                    color: inactiveColor,
+                                  },
+                                ]}
+                              >
+                                {getLabelText({ route })}
+                              </AnimatedText>
+                            )}
+                          </Animated.View>
+                        )}
+                      </Animated.View>
+                    ) : (
+                      <View style={styles.labelContainer} />
+                    )}
                   </View>
                 </Touchable>
               );
diff --git a/src/components/__tests__/BottomNavigation.test.js b/src/components/__tests__/BottomNavigation.test.js
index c749269..bfa06d1 100644
--- a/src/components/__tests__/BottomNavigation.test.js
+++ b/src/components/__tests__/BottomNavigation.test.js
@@ -128,3 +128,35 @@ it('renders custom icon and label with custom colors in non-shifting bottom navi
 
   expect(tree).toMatchSnapshot();
 });
+
+it('hides labels in shifting bottom navigation', () => {
+  const tree = renderer
+    .create(
+      <BottomNavigation
+        shifting
+        labeled={false}
+        navigationState={createState(0, 3)}
+        onIndexChange={jest.fn()}
+        renderScene={({ route }) => route.title}
+      />
+    )
+    .toJSON();
+
+  expect(tree).toMatchSnapshot();
+});
+
+it('hides labels in non-shifting bottom navigation', () => {
+  const tree = renderer
+    .create(
+      <BottomNavigation
+        shifting={false}
+        labeled={false}
+        navigationState={createState(0, 3)}
+        onIndexChange={jest.fn()}
+        renderScene={({ route }) => route.title}
+      />
+    )
+    .toJSON();
+
+  expect(tree).toMatchSnapshot();
+});
diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
index 007fa26..60bfa7f 100644
--- a/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
+++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.js.snap
@@ -1,5 +1,1008 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`hides labels in non-shifting bottom navigation 1`] = `
+<View
+  onLayout={[Function]}
+  pointerEvents="none"
+  style={
+    Array [
+      Object {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      Array [
+        Object {
+          "flex": 1,
+        },
+        Object {
+          "backgroundColor": "#f6f6f6",
+        },
+      ]
+    }
+  >
+    <View
+      collapsable={false}
+      pointerEvents="auto"
+      removeClippedSubviews={false}
+      style={
+        Object {
+          "bottom": 0,
+          "left": 0,
+          "opacity": 1,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    >
+      <View
+        collapsable={undefined}
+        style={
+          Object {
+            "flex": 1,
+            "top": 0,
+          }
+        }
+      >
+        Route: 0
+      </View>
+    </View>
+  </View>
+  <View
+    collapsable={undefined}
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+        },
+        Object {
+          "backgroundColor": "#ffffff",
+        },
+        Object {
+          "shadowColor": "#000000",
+          "shadowOffset": Object {
+            "height": 7,
+            "width": 0,
+          },
+          "shadowOpacity": 0.24,
+          "shadowRadius": 8,
+        },
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "#6200ee",
+          "elevation": 8,
+          "overflow": "hidden",
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+          },
+          Object {
+            "maxWidth": 504,
+          },
+        ]
+      }
+    >
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+    </RCTSafeAreaView>
+  </View>
+</View>
+`;
+
+exports[`hides labels in shifting bottom navigation 1`] = `
+<View
+  onLayout={[Function]}
+  pointerEvents="none"
+  style={
+    Array [
+      Object {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      Array [
+        Object {
+          "flex": 1,
+        },
+        Object {
+          "backgroundColor": "#f6f6f6",
+        },
+      ]
+    }
+  >
+    <View
+      collapsable={false}
+      pointerEvents="auto"
+      removeClippedSubviews={false}
+      style={
+        Object {
+          "bottom": 0,
+          "left": 0,
+          "opacity": 1,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    >
+      <View
+        collapsable={undefined}
+        style={
+          Object {
+            "flex": 1,
+            "top": 0,
+          }
+        }
+      >
+        Route: 0
+      </View>
+    </View>
+  </View>
+  <View
+    collapsable={undefined}
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+        },
+        Object {
+          "backgroundColor": "#ffffff",
+        },
+        Object {
+          "shadowColor": "#000000",
+          "shadowOffset": Object {
+            "height": 7,
+            "width": 0,
+          },
+          "shadowOpacity": 0.24,
+          "shadowRadius": 8,
+        },
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "rgba(98, 0, 238, 1)",
+          "elevation": 8,
+          "overflow": "hidden",
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView
+      style={
+        Array [
+          Object {
+            "flexDirection": "row",
+          },
+          Object {
+            "maxWidth": 504,
+          },
+        ]
+      }
+    >
+      <View
+        collapsable={undefined}
+        pointerEvents="none"
+        style={
+          Object {
+            "backgroundColor": undefined,
+            "borderRadius": 0,
+            "height": 0,
+            "left": 0,
+            "opacity": 0,
+            "position": "absolute",
+            "top": 28,
+            "transform": Array [
+              Object {
+                "scale": 0.008,
+              },
+            ],
+            "width": 0,
+          }
+        }
+      />
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+      <View
+        accessibilityComponentType={undefined}
+        accessibilityLabel={undefined}
+        accessibilityTraits={undefined}
+        accessible={true}
+        hitSlop={undefined}
+        nativeID={undefined}
+        onLayout={undefined}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "flex": 1,
+            "paddingVertical": 6,
+          }
+        }
+        testID={undefined}
+      >
+        <View
+          pointerEvents="none"
+        >
+          <View
+            collapsable={undefined}
+            style={
+              Object {
+                "alignSelf": "center",
+                "height": 24,
+                "marginHorizontal": 12,
+                "transform": Array [
+                  Object {
+                    "translateY": 10,
+                  },
+                ],
+                "width": 24,
+              }
+            }
+          >
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 0,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "#ffffff",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+            <View
+              collapsable={undefined}
+              style={
+                Object {
+                  "alignItems": "center",
+                  "bottom": 0,
+                  "left": 0,
+                  "opacity": 1,
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                }
+              }
+            >
+              <Text
+                accessible={true}
+                allowFontScaling={false}
+                ellipsizeMode="tail"
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "color": "rgba(255, 255, 255, 0.5)",
+                      "fontSize": 24,
+                    },
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
+                    Object {
+                      "fontFamily": "Material Icons",
+                      "fontStyle": "normal",
+                      "fontWeight": "normal",
+                    },
+                  ]
+                }
+              >
+                
+              </Text>
+            </View>
+          </View>
+          <View
+            style={
+              Object {
+                "height": 18,
+                "marginTop": 2,
+                "paddingBottom": 4,
+              }
+            }
+          />
+        </View>
+      </View>
+    </RCTSafeAreaView>
+  </View>
+</View>
+`;
+
 exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
 <View
   onLayout={[Function]}