Flutter中的弯曲容器

时间:2020-04-02 08:06:23

标签: flutter-layout

我想知道最好的方法是实现图像中容器的弯曲效果。作为Flutter的新手,我不确定最好的方法是什么。我确实认为一种方法是添加弯曲的背景图像,但我认为这不是最好的方法。

Flutter Curved Screen

3 个答案:

答案 0 :(得分:1)

另一种可能更简单的方法是,如果您像@Nuts所说的那样使用Stack,但是要在容器的左下角创建带有倒圆角的容器,而不是创建自定义形状,并进行定位以使其重叠/填充到下一个元素。

因此,您需要了解的所有内容实际上是堆叠元素并将其倒圆角。

尝试以一种描述的方式开始进行操作,如果遇到困难,可以提供代码,以便我们帮助您。

问候

答案 1 :(得分:0)

https://blog.usejournal.com/how-to-draw-custom-shapes-in-flutter-aa197bda94bf开始 可能还需要堆叠以将所有这些形状组合在一起

答案 2 :(得分:0)

最好使用堆栈。

-然后有不同的容器,这些容器的左下角都是圆形的。

-这些容器将作为一个子容器,原因是您将拥有图标和文本(地球图标和xd文本)

-每个容器都应具有一列和position.fill小部件(将容器作为地球图标和xd文本的子代...)

-您还可以将if / else用作所选标签的颜色(“您”“趋势” ...)

-浮动操作按钮的某些阴影应样式化。

希望这对您有帮助