render() {
    StatusBarIOS.setStyle(this.props.statusBarStyle ? 'light-content' : 'default')

    return (
      <Modal
        visible={this.state.isVisible}
        animated={true}>
          <View style={[
            NavBarStyles.navBarContainer,
            BaseStyles.row,
            BaseStyles.justifiedCols,
            BaseStyles.verticalCenteredCols,
            BaseStyles.marginHorz,
          ]}>
            {this.getButton('leftBtn')}
            {this.getTitle()}
            {this.getButton('rightBtn')}
          </View>
      </Modal>
    )
  }
/**
   * Renders the modal component with navbar.
   *
   * @return {object} component
   */
Renders the modal component with navbar.
@return {object} component
Renders the modal component with navbar . @return { object } component
render() {
    StatusBarIOS.setStyle(this.props.statusBarStyle ? 'light-content' : 'default')
    return (
      <Modal
        visible={this.state.isVisible}
        animated={true}>
          <View style={[
            NavBarStyles.navBarContainer,
            BaseStyles.row,
            BaseStyles.justifiedCols,
            BaseStyles.verticalCenteredCols,
            BaseStyles.marginHorz,
          ]}>
            {this.getButton('leftBtn')}
            {this.getTitle()}
            {this.getButton('rightBtn')}
          </View>
      </Modal>
    )
  }
render ( ) { StatusBarIOS . setStyle ( this . props . statusBarStyle ? 'light-content' : 'default' ) return ( < Modal visible = { this . state . isVisible } animated = { true } > < View style = { [ NavBarStyles . navBarContainer , BaseStyles . row , BaseStyles . justifiedCols , BaseStyles . verticalCenteredCols , BaseStyles . marginHorz , ] } > { this . getButton ( 'leftBtn' ) } { this . getTitle ( ) } { this . getButton ( 'rightBtn' ) } < / View > < / Modal > ) }
Renders the modal component with navbar.
Renders the modal component with navbar .