3
<Grid.ColumnDefinitions>
   <ColumnDefinition Width="Auto"/>
   <ColumnDefinition/>
</Grid.ColumnDefinitions>

在 UWP 中,上述结果导致第一列水平扩展刚好足以容纳内容,但第二列增长以占用设备屏幕上剩余的可用宽度。在 iOS / Android / Wasm 中,第一列扩展为占据整个屏幕 - 我永远看不到第二列。我相信第二列可能仍然存在,但被挤压或推到了屏幕之外。

我的解决方法是明确设置列宽,例如说第一列是 30*,第四列是 70*。这也有效并正确显示了 2 列:

<Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="leftCol" Width="110"/>
            <ColumnDefinition x:Name="rightCol" Width="*"/>
</Grid.ColumnDefinitions>
4

1 回答 1

3

一般来说Grid.Auto,Uno 在 iOS/Android/WASM 上支持。例如,下面的代码按预期工作。

如果您发现问题,它可能与Grid. 如果您能够发布一些重现该问题的代码,我们可以为您提供进一步的帮助。

<Grid Margin="0,100,0,0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Text="In auto"
               Grid.Column="0" />
    <Border Background="Pink"
            Height="50"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Grid.Column="1"/>
</Grid>

视窗:

网格自动窗口

IOS:

在此处输入图像描述

于 2019-07-14T19:49:08.877 回答