react-native - 如果我将 alignItems 赋予其容器，为什么 Map 不可见？

Question

在反应中-

我写了这段代码-

<View style={styles.container}>
<MapView style={styles.map}
      region={{latitude: 37.78825,
              longitude: -122.4324,
              latitudeDelta: 0.0922,
              longitudeDelta: 0.0421,}} />
</View>

const styles = StyleSheet.create({
container:{flex: 1, alignItems:'center'},
map:{width:'100%', height: '100%'}
})

当我写这段代码时，地图没有出现。从容器中删除 alignItems 时，地图出现了。为什么？