如何在Nativescript中实现带有底部浮动操作按钮（FAB）的底部导航栏？

Question

我需要实现一个底部导航栏，该导航栏具有一个水平浮动的浮动动作按钮（FAB），位于本机脚本（Angular / Typescript）中，如下所示：

关于如何实现此功能的任何想法？

有两种Nativescript插件可以结合使用以达到最终结果： Floating Action Button 和 Bottom Navigation 但是，当尝试将css剪切路径属性应用于底部导航栏以为中央FAB创建通讯座效果时，此操作将无效。

以下是how to implement it using Android的一些提示：

此外，有一个解决方案非常接近，但是缺少我要实现的“摇篮” /“差距”效应： How to create a custom navigation bar in NativeScript?

Answer 1

实际上，此实现需要使用材料组件中的bottomappbar组件来完成。

这是repo，您可以在其中找到该组件的初始实现，随时可以做出贡献