'null не является объектом (оценивающим'e.region')' response-native-maps. Ошибка находится в файле index.android.bundle

Question

Я пытаюсь реализовать response-native-maps и выдвинуть эту ошибку. Я использовал этот компонент раньше без ошибки, описанной в заголовке. Это все в одном компоненте класса, который я затем экспортирую.

componentDidMount() {
    navigator.geolocation.getCurrentPosition(
        ({ coords }) => {
            const { latitude, longitude } = coords

            this.setState({
                position: {
                    latitude,
                    longitude,
                },
                region: {
                    latitude,
                    longitude,
                    latitudeDelta: 0.0922,
                    longitudeDelta: 0.0421,
                },
            })
        },
        (error) => alert(JSON.stringify(error)),
        { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
    )
}

render() {

    const { region, position } = this.state

    return (
        <View>
            <MapView
                style={styles.map}
                region={region}
            >
                {position && (
                    <MapView.Circle
                        center={position}
                        radius={300}
                        strokeColor={'transparent'}
                        fillColor={'rgba(112,185,213,0.30)'}
                    />
                )}
                {position && (
                    <MapView.Circle
                        center={position}
                        radius={100}
                        strokeColor={'transparent'}
                        fillColor={'#3594BC'}
                    />
                )}
            </MapView>
        </View>
    )
}

}

Answer 1

Прежде всего, вы должны получить доступ к разрешению местоположения во втором изменении Android

       { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }

к этому :

      { enableHighAccuracy: false, timeout: 20000, maximumAge: 5000 }