render()

in js/common/F8WebView.js [250:308]


  render() {
    const { backgroundColor, itemsColor } = this.props;

    return (
      <View style={[styles.navBar, { backgroundColor }]}>
        <View style={styles.navBarContent}>
          <TouchableOpacity
            onPress={_ => this.props.onDismiss && this.props.onDismiss()}
            style={styles.navBarDismiss}
          >
            <Image
              style={{ tintColor: itemsColor }}
              source={require("./img/webview/close.png")}
            />
          </TouchableOpacity>

          <View style={styles.navBarArrows}>
            <TouchableOpacity
              onPress={_ => this.props.onBack && this.props.onBack()}
              disabled={!this.props.canBack}
              style={styles.navBarAction}
            >
              <Image
                style={[
                  { tintColor: itemsColor },
                  !this.props.canBack ? { opacity: DISABLED_OPACITY } : null
                ]}
                source={require("./img/webview/back.png")}
              />
            </TouchableOpacity>

            <TouchableOpacity
              onPress={_ => this.props.onForward && this.props.onForward()}
              disabled={!this.props.canForward}
              style={styles.navBarAction}
            >
              <Image
                style={[
                  { tintColor: itemsColor },
                  !this.props.canForward ? { opacity: DISABLED_OPACITY } : null
                ]}
                source={require("./img/webview/forward.png")}
              />
            </TouchableOpacity>

            <TouchableOpacity
              onPress={_ => this.props.onBrowser && this.props.onBrowser()}
              style={styles.navBarAction}
            >
              <Image
                style={{ tintColor: itemsColor }}
                source={require("./img/webview/browser.png")}
              />
            </TouchableOpacity>
          </View>
        </View>
      </View>
    );
  }