Reactjs can'；t渲染<；MapView/>；从本地映射

我试图使用示例中的坐标显示本机地图，但出现错误：

*注 使用ios和real设备进行调试

错误：

Could not inset compass from edges 9
Could not inset scale from edge 
Could not inset legal attribution from corner 4

代码：

类映射扩展组件{
建造师（道具）{
超级（道具）；
}
render（）{
console.log（'map render'）
返回(
);
}}

---

项目示例：

这是一个样式问题。我可以用以下代码修复它：

render() {
    return (
      <View style={styles.container}>
        <MapView
        style={styles.map}
          provider={null}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    justifyContent: 'flex-end',
    alignItems: 'center',
  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
  },
});

render（）{
返回(
);
}
}
const styles=StyleSheet.create({
容器：{
位置：'绝对'，
排名：0，
左:0,，
右:0,，
底部：0，
justifyContent:“柔性端”，
对齐项目：“居中”，
},
地图：{
位置：'绝对'，
排名：0，
左:0,，
右:0,，
底部：0，
},
});

有错误或警告吗？是的，前三行是我收到的错误

render() {
    return (
      <View style={styles.container}>
        <MapView
        style={styles.map}
          provider={null}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    justifyContent: 'flex-end',
    alignItems: 'center',
  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
  },
});