c# - Xamarin.iOS 底部 View 在滚动之前部分超出视口(viewport)(LargeTitle、SearchBar、ListView 和 BoxView 组合)

Question

我在 Xamarin.Forms 中遇到以下 iOS 13 问题:页面的一部分(aqua BoxView)在以下情况下被推离屏幕:

• 打开页面
• 滚动到顶部(初始状态)。

演示: https://github.com/GerhardSchreurs/SearchDemo

详细信息:

我的主页包含一个 StackLayout。 StackLayout 托管一个 ListView 和一个 BoxView)。该页面设置为显示大标题。 MainPage 还有一个 PageRenderer，它注入(inject) UISearchController/SearchBar。

当我在模拟器中查看结果时，启动后大约有一半的 BoxView 不可见。当我滚动时，我会看到 BoxView 的其余部分，直到滚动到顶部并释放(初始状态)。

此问题在 iOS 13 中出现(在 iOS 12 中没有问题)。

此问题在以下情况下消失:

• 我不注入(inject)搜索 Controller
• 我将 LargeTitleDisplay 设置为从不。

但是，如果可能的话，我不想放弃这两个

MainPage.xaml:

<?xml version="1.0" encoding="utf-8"?>
<ContentPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
    Title="Hello"
    NavigationPage.HasNavigationBar="True"
    ios:Page.LargeTitleDisplay="Automatic"
    mc:Ignorable="d"
    x:Class="Search.MainPage"
    x:Name="_rootPage">
    <StackLayout x:Name="_outerLayout">
        <ListView x:Name="_list" BackgroundColor="AntiqueWhite" HasUnevenRows="True" />
        <BoxView HeightRequest="100" BackgroundColor="Aqua" />
    </StackLayout>
</ContentPage>

MainPage.xaml.cs

    public partial class MainPage : ContentPage
    {
        public ObservableCollection<string> _data;

        public MainPage()
        {
            InitializeComponent();

            _data = new ObservableCollection<string>() { "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z" };
            _list.ItemsSource = _data;
        }
    }

MainPageRenderer.cs

[assembly: ExportRenderer(typeof(MainPage), typeof(MainPageRenderer))]
namespace Search.iOS.CustomRenderers
{
    public class MainPageRenderer : Xamarin.Forms.Platform.iOS.PageRenderer, IUISearchControllerDelegate
    {
        private UISearchController _searchController;

        public override void WillMoveToParentViewController(UIViewController parent)
        {
            base.WillMoveToParentViewController(parent);
            SetSearchController(parent);
        }

        void SetSearchController(UIViewController parent)
        {
            _searchController = new UISearchController(searchResultsController: null);

            _searchController.HidesNavigationBarDuringPresentation = false;
            _searchController.DimsBackgroundDuringPresentation = false;
            _searchController.SearchBar.SearchBarStyle = UISearchBarStyle.Minimal;
            _searchController.AutomaticallyAdjustsScrollViewInsets = false;
            _searchController.Delegate = this;

            parent.NavigationItem.HidesSearchBarWhenScrolling = false;
            parent.NavigationItem.SearchController = _searchController;
        }
    }
}

• 这是 Xamarin(.IOS) 错误吗？
• 如何修改我的页面以获得预期结果？

我尝试了很多方法来解决这个问题，包括修改 listView 的高度，但我找不到解决方案。我可能不知道 listView 或 SearchBar 上的 iOS 特定设置可能会解决此问题。

Answer 1

这是一个 Xamarin.iOS 错误:

https://github.com/xamarin/Xamarin.Forms/issues/8758

在 UISearchController/UINavigationController 中使用 SearchBar 时存在布局问题。这应该在未来的版本中修复。

解决方法:

不要将 UISearchController 注入(inject)到 PageRenderer 中(我认为这应该是正确的方法)，而是简单地回退到 PCL/共享项目中的 Xamarin.Forms.SearchBar，如下所示(示例):

var searchBar = new SearchBar
{
    BackgroundColor = Color.White,
    TextColor = Color.Black,
    _grid.Children.Add(searchBar, 0, 0);
}

不过你会失去一些功能。 (与大标题等互动)