dart - 将 float 操作按钮锚定到卡片

Question

创建卡片时(例如使用 code from the Docs )，如何将 FAB 锚定到卡片(下图中的绿色圆圈)，如下所示 question for Android .

我看到一个similar question用于将 FAB 附加到 AppBar，但解决方案依赖于固定高度的 AppBar。使用 Card 时，高度不会提前固定，因此无法使用相同的解决方案。

Answer 1

您可以将 FloatingActionButton 放在 Align 小部件中并使用 heightFactor 属性。

例如:

class MyCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Card(
      child: Column(
        children: <Widget>[
          SizedBox(height: 100.0, width: double.infinity),
          Align(
            alignment: Alignment(0.8, -1.0),
            heightFactor: 0.5,
            child: FloatingActionButton(
              onPressed: null,
              child: Icon(Icons.add),
            ),
          )
        ],
      ),
    );
  }
}