Question

我一直在使用react-native-maps库在我的应用程序上显示地图，但是，每当我尝试用它包装MapView容器时，都会导致我的Android应用程序崩溃。它没有显示任何错误。

没有View的情况下，地图看起来很好。

render() {
    return (
            <MapView style={styles.map}
                     // mapType='terrain'
                     showsUserLocation= {true}
                     region={{
                         latitude: this.state.userLat,
                         longitude: this.state.userLong,
                         latitudeDelta: 0.003,
                         longitudeDelta: 0.003,
                     }}>
                {this.state.markers.map(marker => (
                    console.log(this.state.userLat),
                        <Marker
                            key={marker.id}
                            coordinate={marker.coordinates}
                            title={marker.title}
                            description={marker.description}
                        />
                ))}
            </MapView>
    );
}

当我添加时：

import {View, StyleSheet, BackHandler} from 'react-native';

并添加包装器：

    render() {
    return (
        <View>
            <MapView style={styles.map}
                     // mapType='terrain'
                     showsUserLocation= {true}
                     region={{
                         latitude: this.state.userLat,
                         longitude: this.state.userLong,
                         latitudeDelta: 0.003,
                         longitudeDelta: 0.003,
                     }}>
                {this.state.markers.map(marker => (
                    console.log(this.state.userLat),
                        <Marker
                            key={marker.id}
                            coordinate={marker.coordinates}
                            title={marker.title}
                            description={marker.description}
                        />
                ))}
            </MapView>
        </View>
    );
}

它崩溃了，不知道，我的包装怎么了。

Answer 1

显然，我必须在View上设置flex：1样式。现在工作正常！

视图包装器导致React Native中的Android应用程序崩溃

1 个答案: