Xamarin.Forms.FlexLayout-如何左对齐最后一行

Question

我正在将FlexLayout用于图像。我的最后一行包含奇数张图像。我如何左对齐最后一行图像？目前，它们显示在中心位置。

 <FlexLayout x:Name="ThumbnailLayout"
     AlignItems="Start"
     JustifyContent="SpaceEvenly"
     Wrap="Wrap">
    </FlexLayout>

请参阅附件。 thx ] 1

Answer 1

看起来你应该能够做到这一点，但是我遇到了同样的问题。我通过在 FlexLayout 内的 ImageButton 上设置 FlexLayout.Basis 属性、设置 JustifyContent="Start" 并给它一个 HeightRequest 来解决我的情况。

<FlexLayout x:Name="photos" JustifyContent="Start" Wrap="Wrap">
        <BindableLayout.ItemTemplate>
            <DataTemplate>
                <ImageButton
                   FlexLayout.Basis="33.33%"
                      x:Name="imageCell"
                      Aspect="AspectFill"
                      Clicked="ImageClicked"
                      Source="{Binding ThumbnailSource}"
                      >
                    <ImageButton.HeightRequest>
                        <OnIdiom x:TypeArguments="x:Double" Phone="110" Tablet="180"/>
                    </ImageButton.HeightRequest>
                </ImageButton>
            </DataTemplate>
        </BindableLayout.ItemTemplate>
    </FlexLayout>