flutter - 如何在颤动中制作滚动视图？

Question

我正在制作一个颤振应用程序，我需要在其中进行图像中的设计

现在我正在做的是我将堆栈小部件作为主小部件，然后使用定位小部件我将那个后退按钮定位。现在屏幕的剩余视图应该在滚动视图内所以我使用 SingleChildScrollView 但因为那是从屏幕顶部开始的通过将 SingleChildScrollView 放入容器中为其添加了上边距，但这不会使视图可滚动。我是颤振开发的新手请在代码中提供一些帮助，以使布局像图像中给出的那样

https://i.imgur.com/hL8zvXr.jpg

标签： flutter

Answer 1

尝试创建一个布局，为您提供类似于以下的小部件树：

Column
  Row
    CloseButton
  Text
  GridView
    Card
      Text
  Row
    Column
      Container
        Icon
      Text

请记住在行和列上设置 mainAxisAlignment 属性，以正确对齐小部件。还要查看容器上的装饰品。

此外，如果您希望背景具有渐变，您可以通过将整个事物包装在 Container 中并将具有渐变的 BoxDecoration 添加到 Container 的装饰属性来实现。

这只是给你的一个提示，但希望它能让你开始。