Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6215

What can i do about it

$
0
0
    enter code hereimport React from 'react';import { StatusBar } from 'expo-status-bar';import { StyleSheet, Text, View, Dimensions } from 'react-native';import MapView, {Marker, Callout, PROVIDER_GOOGLE } from 'react-native-maps';//Styleimport mapMarker from './src/images/Map-marker.png';export default function App() {    return (<View style={styles.container}><MapView            provider={PROVIDER_GOOGLE}            style={styles.map}            initialRegion={{                latitude: -19.7641584,                longitude: -43.9347436,                latitudeDelta: 0.008,                longitudeDelta: 0.008,                }}><Marker                  icon={mapMarker}                  coordinate={{                    latitude: -19.7641584,                    longitude: -43.9347436,                  }}            /><Callout tooltip={true}><View style={styles.calloutContainer}><Text style={styles.calloutText}> Lar das meninas </Text></View></Callout>        </MapView></View>  );}const styles = StyleSheet.create({        container: {        flex: 1,  },    calloutContainer: {        width: 160,        height: 46,        paddingHorizontal: 16,        backgroundColor: 'rgba(255, 255, 255, 0.8)',        borderRadius: 16,        justifyContent: 'center',    },    calloutText: {},  map: {    width: Dimensions.get('window').width,    height: Dimensions.get('window').height,  }

});

That'S my entire code because I have no idea what's the problem.When I execute my application by [Expo-client-on-android] and returns this error...

I'm trying to make a marker in the map, and return info when clicked

https://drive.google.com/file/d/1Cep8ehUiehMeAfwesoMH5eNjrABztL3M/view?usp=sharing


Viewing all articles
Browse latest Browse all 6215

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>