Xamarin 表單中的選取器列表

Question

我正在創建一個應用程序，該應用程序應該從與 sql server 連接的 Rest Api 導入一個 lis

它在郵遞員中工作得很好

但在 Xamarin Evrithing 中卻是一片空白

這是我的代碼

這是回購

public Alamacenes[] getAlmacenes()
        {
            try
            {
                Alamacenes[] almacenes;
                var URLWebAPI = "https://www.avila.somee.com/ApiAlexa/api/Almacenes";
                using (var Client = new System.Net.Http.HttpClient())
                {
                    var JSON = Client.GetStringAsync(URLWebAPI);
                    almacenes = JsonConvert.DeserializeObject<Alamacenes[]>(JSON.Result);
                }

                return almacenes;
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }

這是我的代碼隱藏

 protected async void OnAppearing()
        {
            Repositorio repo = new Repositorio();
            Alamacenes[] listalmacenes = repo.getAlmacenes();
            foreach (var item in listalmacenes)
            {
                base.OnAppearing();

                Almacen.Items.Add(item.CodigoAlmacen.ToString());
                Almacen.Items.IndexOf(item.Almacen.ToString());
            }
        }

這個圖像是結果

在此處輸入圖片說明

我想知道我的代碼是否有問題

Answer 1

我認為您在列表為空時將列表設置為選擇器，您應該等待響應，然后將項目源設置為選擇器。 看看這個快速示例。

//XAML Code
    <Picker x:Name="almacenPicker" ItemDisplayBinding="{Binding Almacen}" />

//Code behind code
    protected override async void OnAppearing()
    {
        base.OnAppearing();
        var almacenList = await GetAlamacenes();
        almacenPicker.ItemsSource = almacenList;
    }

    public Task<List<Almacene>> GetAlamacenes()
    {
        return GetAsync<List<Almacene>>("https://www.avila.somee.com/ApiAlexa/api/Almacenes");
    }

    public async Task<TResult> GetAsync<TResult>(string uri)
    {
        var httpClient = new HttpClient();

        HttpResponseMessage response = await httpClient.GetAsync(uri);

        var content = await response.Content.ReadAsStringAsync();

        return await Task.Run(() => JsonConvert.DeserializeObject<TResult>(content));
    }