如何在flutter中制作动画凹口底部栏？

Question

我正在flutter中寻找这种动画：https://dribbble.com/shots/4844696-Tab-bar-interaction-with-animated-icons

原始 React Native 解决方案：https://www.npmjs.com/package/@mindinventory/react-native-tab-bar-interaction

有人有制作此类动画的技巧吗？

我正在使用这个包作为底部导航栏：https://pub.dev/packages/circle_nav_bar

如果您知道更好的导航栏包，请告诉我。 :)

Answer 1

对于您的动画解决方案，请尝试这个 flutter pub 插件。这将产生相同的效果。 https://pub.dev/packages/animated_notch_bottom_bar/example