getVisibleBounds() method doen't work

getVisibleBounds() method doen’t work in map box v10

class ....{
.....
onRegionDidChange(){
          const  bounds = await this.mapBoxRef.current.getVisibleBounds();
.....}

render{    
return( <Mapbox.MapView
                ref={this.mapBoxRef}
          { flex: 1 }]}
                
                onRegionDidChange={e => {
                  this.mapUpdate(e);
                }}>
                <Mapbox.Camera
                  ref={ref => (this.cameraBoxRef = ref)}
                  zoomLevel={10}
                  centerCoordinate={[
                    this.state.mapBoxInitial
                      ? this.state.mapBoxInitial[0]
                      : 46.620784,
                    this.state.mapBoxInitial
                      ? this.state.mapBoxInitial[1]
                      : 24.810133,
                  ]}
                />
     </Mapbox.MapView>)
}}

Versions (please complete the following information):

• Platform: [ Android]
• Platform OS: [ Android 9]
• Dev OS: [e.g. OSX ]
• @rnmapbox/maps Version [e.g. 10.5]
• React Native Version [e.g. 66.4]

.

[vadim312]

It’s happening again now on android only https://github.com/rnmapbox/maps/issues/2317

[wen-kai]

as another workaround we’re using @mapbox/geo-viewport package to estimate bounding boxes based on center, zoom level, and map width/height.

https://github.com/mapbox/geo-viewport#boundsviewport-zoom-dimensions-tilesize