Xamarin Shell 踩坑

之前开发的app，底部选项卡是自定义的，顶部导航栏也是自定义的，一直在想这么通用的东西应该有官方的控件才对，

最近发现xamarin中的Shell功能感觉还不错，有底部选项卡，有顶部导航栏，还可以自定义，具体见官方文档。

开始的时候页面什么加进去没什么问题。

开发的差不多准备调整UI，问题来了。

浮动栏，禁用掉，OK。

选项卡对应的几个页面不需要回退按钮，回退按钮图标默认的Android和ios不一样，所以要自定义。

1. 坑1，在AppShell.xaml里面设置如下，OK。但是如果在一个其他的页面里面这样设置，运行起来后报错，对象为空，不知道问题在哪里。只能说是有bug。

       
   

2. 顶部导航栏想要自定义下回退按钮图标，在页面里面设置如下。

   
       
           
                                                FontFamily="{OnPlatform iOS=iconfont, Android=iconfont.ttf#}"
                                Color="Black"
                                Size="25"/>
           
       
   

结果是图标颜色是白的。（另外要说明，iconoverride虽然可以使用图片，但是图片得是纯色的，否则系统也会把你变成一团颜色。） 这里的color居然是无效的，然后我将页面背景设置为白色，Shell.BackgroundColor="White"，悲剧，回退图标看不见了。。。。这绝对的就是bug。

只能准备弃用这个顶部导航，自己写过了。。。。

这就导致shell的使用大打折扣了。。。

那么，如果UI风格统一，不需要更改回退按钮的图标颜色(只能是白色的)，就还是可以使用的，主页的回退按钮禁用掉就行了，其实最好是直接禁用主页页面的导航栏，直接写页面标题什么的。

子页面则可以通过shell.title来重写导航栏内容(除了回退按钮)。

2019-7-13

3. IOS下的坑，使用shell，tabbar对应的页面会从状态栏下面开始，但是从这些页面使用Navigation.pushasyn方式打开的页面内容会被shell的导航栏盖住。而禁用shell的导航栏，可以发现子页面内容从手机顶部开始，会被状态栏盖住，所以就算自己写导航栏，页面还得注意判断是不是tabbar的页面，对应增加或不增加状态栏高度得空间。