Problem with map display in webview React Native. Webview is stretched to full screen, but at launch the height of the maps is 8px.

<script type="text/javascript"> ymaps.ready(init); function init () { new ymaps.Map('map', { center:[52.076015,23.723014], zoom:10 }, { suppressMapOpenBlock: true }); } </script> <style type="text/css"> html{ min-height:100%; position:relative; } body{ height:100%; } #map{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; } </style>

In Chrom'e, the display is correct, it remains to understand why it behaves differently in the browser in the application.

    1 answer 1

    Tried to set the width-height of the card through vw and vh?

     #map { width: 100vw; height: 100vh; }