飞镖 – 颤振位置固定等效

发布时间：2020-12-14 14:48:45 所属栏目：百科来源：网络整理

导读：无论滚动如何,是否可以在屏幕中修复保持固定的对象？类似于CSS位置固定的东西. 解决方法您可以使用 Positioned 小部件绝对定位 Stack 小部件的子级. 下面的最小示例将红色框放在列表视图上方,方法是将子项放在Stack的子项中ListView之后的Positioned小部件

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

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

解决方法

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

下面的最小示例将红色框放在列表视图上方,方法是将子项放在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'),)
      ),],);

而这里是一个脚手架的身体.如果您添加更多项目,您会发现列表滚动而不移动红色框.

an absolutely positioned example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!