render()

in js/common/MapView.js [137:178]

• 40 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const { map, width, height } = this.props;

    if (Platform.OS === "ios") {
      const paddingTop = 0;
      const paddingBottom = 80;
      const paddedHeight = height - paddingTop - paddingBottom;
      const paddedWidth = paddedHeight * (map.width / map.height);

      return (
        <ScrollView
          style={[
            styles.zoomableContainer,
            { width, height },
            this.props.style
          ]}
          horizontal={true}
          directionalLockEnabled={false}
          scrollEventThrottle={100}
          showsHorizontalScrollIndicator={false}
          showsVerticalScrollIndicator={false}
          maximumZoomScale={1.0001}
          bouncesZoom={true}
        >
          <View style={{ paddingTop, paddingBottom }}>
            <Image
              style={{ width: paddedWidth, height: paddedHeight }}
              source={{ uri: map.x3url }}
            />
          </View>
        </ScrollView>
      );
    } else {
      return (
        <PhotoView
          source={{ uri: map.x3url }}
          maximumZoomScale={this.props.maximumZoomScale}
          style={[{ width, height }, this.props.style]}
        />
      );
    }
  }