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

如果您要在地图的顶部和底部寻找一个浮动空间，则不要使用两行，而是应该将一行的垂直对齐设置为top / bottom。

<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/上的布局

谷歌地图上的多种布局

1 个答案: