Xamarin.FormsでiOSアプリのナビゲーションバーの区切り線の色を変更したいです。

前提・実現したいこと

Xamarin.FormsでiOSアプリを開発しているのですが、
アプリの背景色が黒いため、ナビゲーションバーの区切り線が背景と重なって見えなくなってしまいました。
そのため区切り線の色を変更したいのですが、なにか方法はございますでしょうか。

自分が調べた限りでは色変更の方法は見つけたのですが、各画面にソースを追加しなければいけないため、時間的に少し難しい状態です。
もっと簡単に変更できる方法がございましたら、ご教示のほどよろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

各画面に追加するのが大変であるならば、カスタムレンダラーで区切り線の色を変えたをNavigationPageを作ってみてはいかがでしょうか。
以下のソースは、区切り線を赤色にした例です。

.NET Standardプロジェクト

C#
1public class CustomNavigationPage : NavigationPage
2{
3    public CustomNavigationPage()
4    {
5    }
6
7    public CustomNavigationPage(Page root) : base(root)
8    {
9    }
10}

iOSプロジェクト

C#
1[assembly: ExportRenderer(typeof(CustomNavigationPage), typeof(CustomNavigationRenderer))]
2namespace Hoge.iOS
3{
4    public class CustomNavigationRenderer : NavigationRenderer
5    {
6        protected override void OnElementChanged(VisualElementChangedEventArgs e)
7        {
8            base.OnElementChanged(e);
9
10            NavigationBar.ShadowImage = CreateImageFrom(UIColor.Red);
11            NavigationBar.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
12        }
13
14        private UIImage CreateImageFrom(UIColor color)
15        {
16            UIGraphics.BeginImageContext(new CGSize(1, 1));
17            var context = UIGraphics.GetCurrentContext();
18            color.SetFill();
19            context.FillRect(new CGRect(0, 0, 1, 1));
20            var image = UIGraphics.GetImageFromCurrentImageContext();
21            UIGraphics.EndImageContext();
22            return image;
23        }
24    }
25}