xamarin - 使用FFImageLoading :CachedImage in ListView

Question

一直在网上寻找有关此问题的示例，但似乎找不到。基本上，我想在 ListView 中使用 FFImageLoading:CachedImage ，并将源绑定(bind)到带有 url 的字符串，例如http://blah.com/image.jpg 。这是我到目前为止所尝试过的，但似乎没有加载图像。

<ListView IsVisible="true" ItemsSource="{x:Static local:viewmodel.TSViewModel.myArticles}">        
  <ListView.ItemTemplate >
    <DataTemplate>
      <ViewCell>
        <ViewCell.View>

          <StackLayout Orientation="Vertical">

            <ffimageloading:CachedImage
                    HorizontalOptions="Center" VerticalOptions="Center"
                    WidthRequest="95" HeightRequest="95"
                    DownsampleToViewSize="true"
                    Source = "{Binding ImageUrl}">
            </ffimageloading:CachedImage>

            <Label Text="{Binding Title}" LineBreakMode="WordWrap" FontSize="Small"/>

          </StackLayout>

        </ViewCell.View>
      </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

如果我做错了什么或者我不应该以这种方式使用它或者有更好的选择，请帮助我。另外，我是 xamarin 表单和 mvvm 的初学者。任何帮助将不胜感激。

更新:因此图像确实会加载，但只有当我从图像页面移至另一个页面然后返回图像页面时。图像正在加载到选项卡式页面内的内容页面中，因此可能与此有关。关于如何在第一次打开选项卡式页面时加载它们有什么想法吗？

HomePage.xaml.cs

using TestApp.view;
using Xamarin.Forms;
using TestApp.database;

namespace TestApp
{
    public partial class HomePage : TabbedPage
    {
        public HomePage(TestAppDatabase db)
        {
            InitializeComponent();

            Children.Add(new Bakeries(db));
            Children.Add(new Bars());
            Children.Add(new Butcheries());
            Children.Add(new Restaurants());
            Children.Add(new Supermarkets());
            Children.Add(new Entertainment());
        }

    }
}

面包店.xaml.cs

using System.Collections.Generic;
using TestApp.model;
using TestApp.database;

using Xamarin.Forms;

namespace TestApp.view
{
    public partial class Bakeries : ContentPage
    {
        public Bakeries(TestApp db)
        {
            InitializeComponent();

            List<Eateries> bakeries = (List<Eateries>) db.GetBakeries();
            bakeriesList.ItemsSource = bakeries;
        }
    }
}

Answer 1

根据此处的 API 文档。 https://github.com/molinch/FFImageLoading/wiki/Xamarin.Forms-API

在使用 FFImageLoading 之前，您必须将此行添加到特定于平台的项目(AppDelegate.cs、MainActivity.cs 等):

CachedImageRenderer.Init();