React原生地图mapPadding无效

Question

我使用fitToSuppliedMarkers()作为标记，需要在地图中添加一些填充。我试图在没有运气的情况下实施this solution。我无法使用fitToCoordinates()，因为我需要在componentDidMount中创建该方法无法支持的标记。

我的代码：

<MapView onMapReady={() => this.mapRef.map.setNativeProps({ padding: 100 })}></MapView>

此代码产生＆＃34; setNativeProps不是函数＆＃34;。 我还尝试使用docs中存在的mapPadding属性而没有运气：

<MapView mapPadding={{top: 20, right: 20, bottom: 20, left: 20}}></MapView>

Answer 1

我相信react-native-maps的android实现存在问题。我不确定，但似乎是px到dp转换的问题。试试这个：

<p><a href = "https://www.google.com" target = "__blank">Click to go to google</a>
This should appear next to the link, instead of on the next line</p>

如果它不起作用，请尝试将填充设置为200并查看是否存在差异。

修改 这是我成功使用的确切代码：

const padding = Platform.OS === 'android' 
                   ? PixelRatio.getPixelSizeForLayoutSize(20) 
                   : 20;

const mapPadding = {top: padding, right: padding, bottom: padding, left: padding};