使用Xamarin.Forms C#自定义安卓iOS双端适配底部导航栏咨询

你要实现的安卓、iOS双端通用的自定义底部导航栏，可通过以下方案实现：

官方原生实现（无额外依赖） #

• 优先使用Xamarin.Forms内置的Shell组件完成，这是官方原生支持的跨平台导航方案，本身就支持底部TabBar的基础样式配置：
  • 在共享代码层通过Shell.TabBarAppearance附加属性即可全局配置TabBar的背景色、选中/未选中文字颜色、图标着色效果
  • 若需要实现参考图中的圆角、中间Tab凸起这类特殊样式，只需分别为安卓、iOS平台编写自定义Shell渲染器：安卓端修改BottomNavigationView的对应属性，iOS端修改UITabBar的属性即可完成双端适配，不需要引入第三方库

第三方组件实现（无需自定义渲染器） #

如果不想自行编写平台端渲染逻辑，可以直接使用成熟的第三方组件实现：

• Sharpnado.Tabs：专门为Xamarin.Forms设计的Tab组件库，内置的BottomTabView支持高度自定义，可直接配置Tab选中动画、自定义单Tab布局、设置中间凸起按钮效果，所有配置都可在共享代码层完成，双端渲染效果一致
• Xamarin.Forms.PancakeView：如果需要100%自定义TabBar样式，可以用这个容器组件实现带圆角、阴影、渐变效果的TabBar外层容器，内部自行布局按钮和处理点击逻辑，灵活度最高

辅助开发工具 #

• Visual Studio自带的Live Visual Tree可实时查看运行中的布局层级，快速定位TabBar的样式适配问题
• Xamarin Community Toolkit中的StateLayout可快速实现Tab的选中、未选中状态切换逻辑

内容的提问来源于stack exchange，提问作者Compass me