如何防止Xamarin表单ListView项重叠？

Question

我目前正在研究Xamarin项目，该项目显示了一些从API请求的内容。所请求的内容是对象列表，它们将显示在列表视图中。 API调用正常运行，并提供预期的响应。当我在列表视图中显示响应时，看起来有点混乱。

这是我的Xamarin表单页面代码（一些内容经过硬编码，以便在进一步开发之前使UI保持一致）：

lstm mode

当我在android模拟器或真实的android设备上运行它时，它看起来像这样：

ListView元素的内容重叠，并且棕色框下方有一些不必要的空间，等等。如何使此页面看起来一致？

Answer 1

如果您没有定义RowHeight或设置HasUnevenRows，这可能会发生某些事情

<ListView RowHeight="125">

<ListView HasUnevenRows="true">

Answer 2

您可以在StackLayout中使用Spacing来分隔childeren。 我相信将默认边距更改为this-> Margin =“ 10，0，0，0”是重叠的原因。尝试这种方式。希望它能起作用。

                                    <StackLayout Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3" Padding="10, 5, 10, 5" Orientation="Horizontal" Spacing="10">
                                      <Image Source="{helper:EmbededImage WinningQuotes.Resources.Images.Timeline.png}" Aspect="AspectFill" />


                                      <Label Text="{Binding quote_text}" TextColor="Brown" FontSize="18" />

                                </StackLayout>