Xamarin 使用FlexLayout wrap,如何在行之间留出空间?
我正在使用FlexLayout尝试使按钮环绕。它可以工作,但按钮行之间并没有空间 有人知道我怎样才能确保两者之间有一个空间吗。下面是我正在使用的XAML,下面是它的外观:Xamarin 使用FlexLayout wrap,如何在行之间留出空间?,xamarin,xamarin.forms,Xamarin,Xamarin.forms,我正在使用FlexLayout尝试使按钮环绕。它可以工作,但按钮行之间并没有空间 有人知道我怎样才能确保两者之间有一个空间吗。下面是我正在使用的XAML,下面是它的外观: <StackLayout Orientation="Vertical" BackgroundColor="{DynamicResource GridBackgroundColor}" Spacing="0" Padding="20" &g
<StackLayout Orientation="Vertical"
BackgroundColor="{DynamicResource GridBackgroundColor}"
Spacing="0"
Padding="20" >
<FlexLayout x:Name="flexLayout"
Wrap="Wrap"
JustifyContent="SpaceAround" >
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Introduction" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Learning" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Home" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Help" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Settings" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Dictionary" />
<Button BackgroundColor="Silver" Padding="10" Margin="5" Text="Cards" />
</FlexLayout>
</StackLayout>
解决方案: 尝试添加
按钮的高度请求
和/或宽度请求
<ContentPage.Resources>
<Style TargetType="Button">
<Setter Property="HeightRequest" Value="40"></Setter>
<Setter Property="Margin" Value="5"></Setter>
</Style>
</ContentPage.Resources>
<StackLayout Orientation="Vertical"
BackgroundColor="{DynamicResource GridBackgroundColor}"
Spacing="0"
Padding="20">
<FlexLayout
Wrap="Wrap"
JustifyContent="SpaceAround"
Direction="Row">
<Button BackgroundColor="Silver" Text="Introduction" />
<Button BackgroundColor="Silver" Text="Learning" />
<Button BackgroundColor="Silver" Text="Home" />
<Button BackgroundColor="Silver" Text="Help" />
<Button BackgroundColor="Silver" Text="Settings" />
<Button BackgroundColor="Silver" Text="Dictionary" />
<Button BackgroundColor="Silver" Text="Cards" />
</FlexLayout>
</StackLayout>