More than 5 years have passed since last update.

TabbedPageのタブにアイコンが表示されない、そもそもタブが表示されない

Posted at 2018-06-09

Xamarinを触り始めて、初めて詰まりに詰まったわりにあっさり解決したのでメモして置くことにします。

作りたかったもの

以下の画像のようにしたかった。

起こっていた現象

TabbedPageのタブそのものが表示されない

以下の画像のような現象が起きていた。

パラメータを与えるインスタンスを間違えていたのが原因。
詳細は以下のとおりである。正解と間違いを比較して並べておく

correct.cs

    public partial class MyTabbedPage : TabbedPage
    {
        public MyTabbedPage()
        {
            InitializeComponent();
            this.Children.Add(new NavigationPage(new MyContentPage1())
            {
                Title = "Tab1"
                Icon = "icon1.png"
            });
            this.Children.Add(new NavigationPage(new MyContentPage2())
            {
                Title = "Tab2"
                Icon = "icon2.png"
            });
        }
    }

wrong.cs

    public partial class MyTabbedPage : TabbedPage
    {
        public MyTabbedPage()
        {
            InitializeComponent();
            this.Children.Add(new NavigationPage(new MyContentPage1()
            {
                Title = "Tab1"
                Icon = "icon1.png"
            }));
            this.Children.Add(new NavigationPage(new MyContentPage2()
            {
                Title = "Tab2"
                Icon = "icon2.png"
            }));
        }
    }