Несколько макетов на Google Maps

Question

Мне было интересно, возможно ли создать что-то подобное? https://prnt.sc/o3b62o Карта Google на весь экран и 2 кнопки. (одна сверху и одна снизу) У меня есть версия с сеткой, но тогда карта не является интерактивной.

<GridLayout className="map-layout" rows="*, auto">
    <StackLayout className="map" rowSpan="2">
        <MapView width="100%"height="100%":zoom="7"
            :latitude="parseFloat(location.lat)"
            :longitude="parseFloat(location.lng)"/>
    </StackLayout>

    <Button text="bottom button" row="1"></Button>
    <Button text="top button" row="0"></Button>
</GridLayout>

Answer 1

Если вы ищете плавающее пространство сверху и снизу карты, вы не должны использовать две строки, это должна быть одна строка с вертикальным выравниванием, установленным сверху / снизу.

<GridLayout class="map-layout">
    <MapView class="map" :zoom="7"
            :latitude="parseFloat(location.lat)"
            :longitude="parseFloat(location.lng)"/>
    <Button text="bottom button" verticalAlignment="bottom"></Button>
    <Button text="top button" verticalAlignment="top"></Button>
</GridLayout>

Узнайте больше о макетах на https://www.nslayouts.com/