android - Xamarin.Forms 中是否存在等效于 html 数据列表的机制，该机制允许选择预定义值但也允许选择自由文本条目？

Question

我们正在构建一个 Xamarin 表单应用程序。
其中一个字段应该是一个选择，您可以在其中选择一个预定义值或在文本字段中输入自由文本值。
在 HTML 中，可以使用 <datalist> 来解决它

    <input list="browsers" name="browser" id="browser">
    
    <datalist id="browsers">
      <option value="Edge">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
    </datalist>

Xamarin.Forms 中是否有等效的 HTML 数据列表控件，它允许选择值以及自由文本条目？
如果没有，这种功能(选择值和自由文本)是如何在 iOS 和 Android 中实现的？因为它确实感觉像是一个很常见的场景。

Answer 1

回答
我推荐使用 Syncfusion.Xamarin.SfAutoComplete NuGet Package .

Note: Syncfusion can be used for Free via its Community License.

我整理了一个示例应用程序，演示如何使用 Syncfusion.Xamarin.SfAutoComplete : https://github.com/brminnick/AutoCompleteSample
演练
要查看本演练中完成的代码，请访问 https://github.com/brminnick/AutoCompleteSample
1.安装Syncfusion.Xamarin.SfAutoComplete NuGet包

在 Visual Studio 中，添加 Syncfusion.Xamarin.SfAutoComplete NuGet Package到您的 iOS 项目、Android 项目和 .NET 标准项目(如果适用)。

2. 在 iOS 上初始化 Syncfusion.Xamarin.SfAutoComplete

在 iOS 项目中，打开 AppDelegate.cs

在 AppDelegate.cs文件，位于 AppDelegate.FinishedLaunching方法，添加new Syncfusion.SfAutoComplete.XForms.iOS.SfAutoCompleteRenderer(); ，像这样:

[Register(nameof(AppDelegate))]
public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
{
    public override bool FinishedLaunching(UIApplication app, NSDictionary options)
    {
        new Syncfusion.SfAutoComplete.XForms.iOS.SfAutoCompleteRenderer();

        global::Xamarin.Forms.Forms.Init();
        LoadApplication(new App());

        return base.FinishedLaunching(app, options);
    }
}

3. 在 Xamarin.Forms 中使用 Syncfusion.Xamarin.SfAutoComplete
下面是使用 Syncfusion.Xamarin.SfAutoComplete 的 Xamarin.Forms 应用示例:

using System.Collections.Generic;
using Syncfusion.SfAutoComplete.XForms;
using Xamarin.Forms;

namespace AutoCompleteSample
{
    public class App : Application
    {
        public App() => MainPage = new AutoCompletePage();
    }

    class AutoCompletePage : ContentPage
    {
        public AutoCompletePage()
        {
            Content = new SfAutoComplete
            {
                HeightRequest = 40,
                AutoCompleteSource = new List<string>
                {
                    "Edge",
                    "Firefox",
                    "Chrome",
                    "Opera",
                    "Safari",
                }
            };
        }
    }
}

演示
这个 GIF 是使用这个完整的示例应用程序生成的: https://github.com/brminnick/AutoCompleteSample