一尘不染

Flutter 位置固定当量

flutter

是否可以在屏幕上固定一个固定的对象,而无论
滚动如何?

类似于CSS位置固定的内容。


阅读 857

收藏
2020-08-13

共1个答案

一尘不染

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

下面的最小示例通过将子项放在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身体内部。如果添加更多项目,您会发现列表在滚动而不移动红色框。

2020-08-13