iOS 上的 .NET MAUI：图像未显示在列表单元格中答案

【问题标题】：.NET MAUI on iOS: Image is not displayed in the list celliOS 上的 .NET MAUI：图像未显示在列表单元格中
【发布时间】：2023-02-14 20:55:09
【问题描述】：

在我的移动应用程序中，声明了一个包含图像的列表：

<ListView ItemsSource="{Binding PhotosCollection}" 
          SelectionMode="Single" 
          VerticalOptions="FillAndExpand" 
          SelectedItem="{Binding SelectedPhotoDocument}">
          
   <ListView.ItemTemplate>
      <DataTemplate>
         <ViewCell>
            <Grid Margin="4">

               <Grid.RowDefinitions>
                  <RowDefinition Height="64" />
                  <RowDefinition Height="*" />
               </Grid.RowDefinitions>

               <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="*" />
                  <ColumnDefinition Width="*" />
               </Grid.ColumnDefinitions>

               <Image Grid.RowSpan="2" 
                      Grid.Column="0" 
                      Source="{Binding ThumbnailImageSource}" 
                      HorizontalOptions="Start" 
                      VerticalOptions="Center" 
                      Aspect="AspectFit" />
                      
               <Label Grid.Column="1" 
                      Grid.RowSpan="2" 
                      Text="{Binding Description}" 
                      FontAttributes="Bold" 
                      HorizontalOptions="Start" 
                      VerticalOptions="Center" 
                      HorizontalTextAlignment="Start" 
                      VerticalTextAlignment="Center" />
            </Grid>
         </ViewCell>
      </DataTemplate>
   </ListView.ItemTemplate>
</ListView>

此列表在 Android 平台上完美运行，并显示图像和描述。但在 iOS 平台上不显示缩略图。仅显示说明。

我怎样才能克服这个问题？

【问题讨论】：

标签： ios maui

【解决方案1】：

为了解决此问题以使移动应用程序在 iOS 和 Android 上正常运行，我在 ListView 数据模板声明中使用了 ImageCell 而不是 Image 和 Label 标签。

<ListView 
    ItemsSource="{Binding PhotosCollection}"
    SelectionMode="Single"
    VerticalOptions="FillAndExpand"
    SelectedItem="{Binding SelectedPhotoDocument}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ImageCell
                    ImageSource="{Binding ThumbnailImageSource}"
                    Text="{Binding Description}" />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

【讨论】：