Method render

example/src/examples/LegalLabel.tsx:46–99

()

  };

  render() {
    const latlng = {
      latitude: 37.78825,
      longitude: -122.4324,
    };

    const ASPECT_RATIO = screen.width / screen.height;
    const LATITUDE_DELTA = 0.0922;
    const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;

    return (
      <View style={{...StyleSheet.absoluteFillObject}}>
        <MapView
          provider={this.props.provider}
          style={styles.map}
          legalLabelInsets={{
            top: 0,
            left: 0,
            bottom: this.state.legalLabelPositionY,
            right: 10,
          }}
          appleLogoInsets={{
            bottom: 50,
            left: 10,
          }}
          initialRegion={{
            ...latlng,
            latitudeDelta: LATITUDE_DELTA,
            longitudeDelta: LONGITUDE_DELTA,
          }}>
          <Marker coordinate={latlng} />
        </MapView>

        <View style={styles.username}>
          <TouchableOpacity onPress={this.onPressAnimate}>
            <Text style={styles.usernameText}>Animate</Text>
          </TouchableOpacity>
        </View>

        <View style={styles.bio}>
          <Text style={styles.bioText}>
            Bio description lorem ipsum Ullamco exercitation aliqua ullamco
            nostrud dolor et aliquip fugiat do aute fugiat velit in aliqua sit.
          </Text>
        </View>

        <View style={styles.photo}>
          <View style={styles.photoInner}>
            <Text style={styles.photoText}>Profile Photo</Text>
          </View>
        </View>
      </View>
    );
  }
}

const padding = 10;