将 Scaffold 的 Persistentfooterbuttons 对齐到右侧

Question

我想显示一个列表，并在其下方显示一个永久页脚，一个包含一些行的列。我使用脚手架的 persistentFooterButtons。

最接近我得到的是：

但我无法将字段右对齐。当我使用 Align 或 Spacer 时，Widgets 消失了。

persistentFooterButtons 的内容。

FittedBox(
  child: Column(
    children: <Widget>[
      FlatButton(
        onPressed: () {
          Navigator.pushNamed(context, RouteName.BAUSTELLEN);
        },
        child: Align(
          alignment: Alignment.bottomLeft,
          child: Text('Bestellen'),
        ),
      ),
      Row(
        children: <Widget>[
          Text('$priceInfo '),
          MyFutureBuilder(
            future: sum,
            builder: (context, double sum) {
              var mySum = formatDoubleNumber(sum);
              return Text('$mySum');
            },
          ),
          Container(
            width: ImpexStyle.horizontalPadding,
          ),
        ],
      ),
      Row(
        children: <Widget>[
          Text('Ihr Einkaufsrahmen '),
          Text(
            '$einkaufsrahmen',
            style: TextStyle(
                color: einkaufsrahmen == 0 ? Colors.red : Colors.black),
          ),
          Container(
            width: ImpexStyle.horizontalPadding,
          ),
        ],
      ),
    ],
  ),
);

如果我将元素直接放入 persitentFooterButtons，这就是我得到的结果，文本散落在各处，我的列表没有显示。

和代码

Scaffold(
  body: WarenkorbListe(),
  persistentFooterButtons: <Widget>[
    // WarenkorbFooter(),
              FlatButton(
        onPressed: () {
          Navigator.pushNamed(context, RouteName.BAUSTELLEN);
        },
        child: Align(
          alignment: Alignment.bottomLeft,
          child: Text('Bestellen'),
        ),
      ),
      Row(
        children: <Widget>[
          Text('$priceInfo '),
          Container(
            width: ImpexStyle.horizontalPadding,
          ),
        ],
      ),
      Row(
        children: <Widget>[
          Text('Ihr Einkaufsrahmen '),
          Text(
            '$einkaufsrahmen',
            style: TextStyle(
                color: einkaufsrahmen == 0 ? Colors.red : Colors.black),
          ),
          Container(
            width: ImpexStyle.horizontalPadding,
          ),
        ],
      ),

  ],
);

Answer 1

尝试与您的专栏保持一致

FittedBox(
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.end, // this
    children: <Widget>[

将 Scaffold 的 Persistentfooterbuttons 对齐到右侧

Align Persistentfooterbutton of Scaffold to the right side

footer

persistent

scaffold

flutter