【问题标题】:Flutter - Curved Navigation Bar - draw outside of the screenFlutter - 弯曲的导航栏 - 在屏幕外绘制
【发布时间】:2020-08-29 14:32:25
【问题描述】:

我正在使用曲线导航栏:this one

我有一个动画容器,它缩小到其大小的 1/4,它有一个弯曲的导航栏, 当 Container 缩小时,导航栏会在容器之外绘制一点点,我需要一种方法来阻止它。

附:问题截图,你可以在蓝色圆圈中看到它所做的额外绘图,我需要停止。

我已经在网上搜索了解决方案,甚至试图检查源代码但没有运气

【问题讨论】:

  • 使用ClipRectluke
  • 什么意思?在弯曲的导航栏外使用它?
  • 文档说:“使用矩形剪辑其子级的小部件。默认情况下,ClipRect 阻止其子级在其边界之外进行绘制,但剪辑矩形的大小和位置可以使用自定义剪裁器进行自定义。”
  • 它会与AnimatedContainer的动画一起工作吗?
  • 好,然后自己写一个答案……

标签: flutter uinavigationbar flutter-layout flutter-animation animatedcontainer


【解决方案1】:

@pskink 给出的解决方案

使用clipRRect(或clipReck)并在其中放入AnimatedContainer的整个子元素,将完美解决这个问题!

【讨论】:

    猜你喜欢
    • 2020-03-06
    • 2020-11-23
    • 1970-01-01
    • 2020-02-15
    • 2022-06-12
    • 2020-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多