目前与我的应用程序，我有它，使它要求用户的位置perms，如果他们接受它，然后获取他们的位置。然而，目前，当我用一个设定的区域渲染Map时，它可以工作，当代码更改到它们的位置时，代码获取它的位置也会更改。当我重置应用程序或博览会的应用程序崩溃，因为状态是未定义的。我怎么能通过这个？下面是代码：
const Map = () => {
// Get permissons for using user location
const [location, setLocation] = useState();
useEffect(() => {
const getPermissions = async () => {
let { status } = await Location.requestForegroundPermissionsAsync();
if (status !== 'granted') {
console.log("Please grant location permissions");
return;
}
let currentLocation = await Location.getCurrentPositionAsync({});
setLocation(currentLocation.coords);
console.log("Location:");
console.log(currentLocation);
};
getPermissions();
}, []);
return(
//Will change this Mapview to users current location
//Will display about 0 - 30 miles away from used depending on user settings.
<MapView
initialRegion={
{
//I when I restart the app with latitude and longitude as latitude: latitude: location.coords.latitude longitude: location.coords.longitude app crashes cause the state is cleared.
latitude: 24.8607,
longitude: 67.0011,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
style ={styles.map}/>
);
}我希望应用程序不断被设置为用户的位置，即使应用程序重新启动
1条答案
按热度按时间blmhpbnm1#
由于您还没有为
location state定义初始值，因此将使用null值对其进行初始化。因此location.coords是undefined。要解决这个问题，在向
MapView组件传递纬度和经度属性时，可以检查location是否为null或undefined，并将其值传递给MapView组件。如果您更改
initialRegion属性，Map将不会重新渲染，因为它用于初始渲染。要在位置状态更新后更新Map位置，可以使用region属性。当其值更改时，它将在MapView中进行渲染。新的区域将被显示。这可以通过如下重写props来实现：
这样，一旦获得权限并使用新值更新状态，
MapView将接收新的props并呈现。在更新
location之前，您应该使用initialRegion来显示默认区域。之后，regionprop可以更新视图。