Я не могу решить эту проблему за последние 2 дня.Я выполнил поиск и прочитал документы MapView, но все еще не могу его решить.
Я покажу вам свои коды и сценарий, который яdo.
Мой импорт
import MapView from 'react-native-maps';
Моя функция
export default class App extends Component {
render() {
return (
<View style={styles.container}>
<MapView
zoomEnabled = {true}
style={ styles.map }
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
map: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
...StyleSheet.absoluteFillObject,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
И, наконец, ключ активации Google
<meta-data
android:name="com.google.android.geo.API_KEY"
android:value="i make it secret first"
/>
это ошибка в моей консоли, я не знаю, возникла ли проблема
if (__DEV__) {
Object.keys(UIManager).forEach(viewManagerName => {
if (!UIManagerProperties.includes(viewManagerName)) {
if (!viewManagerConfigs[viewManagerName]) {
viewManagerConfigs[viewManagerName] = UIManager[viewManagerName];
}
defineLazyObjectProperty(UIManager, viewManagerName, {
get: () => {
console.warn(
`Accessing view manager configs directly off UIManager via UIManager['${viewManagerName}'] ` +
`is no longer supported. Use UIManager.getViewManagerConfig('${viewManagerName}') instead.`,
);
return UIManager.getViewManagerConfig(viewManagerName);
},
});
}
});
}