dart - flutter 位置固定等效

Question

是否可以在屏幕中修复一个无论滚动如何都保持固定的对象？

类似于 CSS 位置固定的东西。

Answer 1

您绝对可以定位 Stack 的子代使用 Positioned 的小部件小部件。

下面的最小示例将红色框放置在 ListView 上方，方法是将子项放置在 Stack 子项中的 ListView 之后的 Positioned 小部件中。

List<String> todos = [...];
return new Stack(
  children: <Widget>[
    new ListView(
     children: todos
       .map((todo) => new ListTile(title: new Text(todo)))
       .toList(),
     ),
     new Positioned(
       left: 30.0,
       top: 30.0,
       child: new Container(
         width: 100.0,
         height: 80.0,
         decoration: new BoxDecoration(color: Colors.red),
         child: new Text('hello'),
        )
      ),
   ],
);

这里它位于 Scaffold 主体内。如果您添加更多项目，您会发现列表滚动而不移动红色框。