diff --git a/Examples/UIExplorer/NavigatorIOSColorsExample.js b/Examples/UIExplorer/NavigatorIOSColorsExample.js index 0f695d956..741186902 100644 --- a/Examples/UIExplorer/NavigatorIOSColorsExample.js +++ b/Examples/UIExplorer/NavigatorIOSColorsExample.js @@ -66,6 +66,7 @@ var NavigatorIOSColors = React.createClass({ tintColor="#FFFFFF" barTintColor="#183E63" titleTextColor="#FFFFFF" + translucent="true" /> ); }, diff --git a/Libraries/Components/Navigation/NavigatorIOS.ios.js b/Libraries/Components/Navigation/NavigatorIOS.ios.js index 9ecf6bdc8..788273ec5 100644 --- a/Libraries/Components/Navigation/NavigatorIOS.ios.js +++ b/Libraries/Components/Navigation/NavigatorIOS.ios.js @@ -57,6 +57,7 @@ var RCTNavigatorItem = createReactNativeComponentClass({ backButtonIcon: true, backButtonTitle: true, tintColor: true, + translucent: true, navigationBarHidden: true, titleTextColor: true, style: true, @@ -300,6 +301,11 @@ var NavigatorIOS = React.createClass({ */ titleTextColor: PropTypes.string, + /** + * A Boolean value that indicates whether the navigation bar is translucent + */ + translucent: PropTypes.bool, + }, navigator: (undefined: ?Object), @@ -609,6 +615,7 @@ var NavigatorIOS = React.createClass({ navigationBarHidden={this.props.navigationBarHidden} tintColor={this.props.tintColor} barTintColor={this.props.barTintColor} + translucent={this.props.translucent} titleTextColor={this.props.titleTextColor}>