dart - flutter 位置固定等效

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

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

最佳答案

您绝对可以定位 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 主体内。如果您添加更多项目,您会发现列表滚动而不移动红色框。

关于dart - flutter 位置固定等效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49566752/

相关文章:

firebase - 使用 Flutter 向 Cloud Firestore 添加对象

dart - Flutter:右溢出 200 像素

flutter - 如何使用flutter存储登录信息?

flutter - 如何将抽屉小部件放在右侧

dart - Flutter - 我正在寻找一种制作脉冲动画的方法

mobile - Flutter - Sliver List 内的 Sliver Layout 水平

dart - Flutter 中带有调整下拉箭头图标的全宽 DropdownButton

database - 任何用于 Flutter 的持久性 NoSQL 数据存储?

flutter - Flutter中如何改变ListView的overscroll发光效果颜色?

dart - 如何在 Flutter 中更改 TextFormField 输入文本颜色