如何在 Xamarin iOS、Android 中以 Xamarin 形式设计以下网格视图答案

【问题标题】：How to design the following grid view in Xamarin form in Xamarin iOS,Android如何在 Xamarin iOS、Android 中以 Xamarin 形式设计以下网格视图
【发布时间】：2020-05-29 23:22:38
【问题描述】：

需要相同的表单设计。我的编码是这个 Xamarin 形式，Xamarin iOS，Android

<Frame Grid.Row="0" Grid.Column="0">
    <Image
        HeightRequest="50"
        Source="Dash01.png"
        WidthRequest="50" />
    <Label Text="Cow Milk"/>
</Frame>
<BoxView
    HeightRequest="3"
    HorizontalOptions="Fill"
    VerticalOptions="Start"
    Color="DimGray" Grid.Row="1" Grid.Column="0" />

【问题讨论】：

您拥有 xamarin 表单代码。你在这方面有什么问题吗？或者您想要 Xamarin Android 和 Xamarin iOS 中相同 UI 的代码是什么？
想要这个的代码
发布你已经修改的代码。
嗨@AbiramiJothi 我的回答对您有帮助，请将其标记为答案

标签： xaml xamarin xamarin.forms xamarin.android xamarin.ios

【解决方案1】：

试试这个代码

<StackLayout
            Padding="0,10"
            BackgroundColor="#e8f5e4"
            HorizontalOptions="FillAndExpand"
            VerticalOptions="FillAndExpand">
            <CollectionView
                x:Name="foodList"
                Grid.Row="1"
                Margin="12,0"
                HorizontalOptions="FillAndExpand"
                ItemSizingStrategy="MeasureAllItems"
                SelectionMode="Single"
                VerticalOptions="FillAndExpand">
                <CollectionView.ItemsLayout>
                    <GridItemsLayout
                        HorizontalItemSpacing="5"
                        Orientation="Vertical"
                        Span="2"
                        VerticalItemSpacing="5" />
                </CollectionView.ItemsLayout>
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                        <Frame
                            Margin="5"
                            Padding="0"
                            BackgroundColor="Pink"
                            CornerRadius="10"
                            HorizontalOptions="FillAndExpand"
                            VerticalOptions="Fill">
                            <StackLayout
                                Margin="0,0,0,10"
                                Padding="10"
                                BackgroundColor="White"
                                HorizontalOptions="FillAndExpand"
                                VerticalOptions="Fill">
                                <Image
                                    Aspect="AspectFit"
                                    HeightRequest="50"
                                    HorizontalOptions="Center"
                                    Source="star.png" />
                                <Label
                                    FontSize="18"
                                    HorizontalOptions="Center"
                                    HorizontalTextAlignment="Center"
                                    Text="{Binding}" />
                            </StackLayout>
                        </Frame>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </StackLayout>

【讨论】：