我在flutter中使用了众所周知的flushbar包来显示flushbar/snackbar。
https://pub.dev/documentation/flushbar/latest/
我展示了一个错误刷新条，其中包含一个很小的title、一个很大的message和一个action/main-button。
问题是我的刷新条看起来不太好，因为title + message位于action/main-button旁边的一行中，这使得消息非常不可读，因为在多行中，刷新条的宽度非常大。是否有办法将title和message放置在action/main-button之上，以便标题和消息使用刷新条的全长，而刷新条的宽度较小？

我的flushbar-code自动柜员机：

Flushbar(
      duration: Duration(seconds: _getFlushbarDuration(message)),
      icon: Icon(FontAwesomeIcons.exclamationTriangle, color: Colors.red),
      title: 'ERREUR',
      isDismissible: true,
      dismissDirection: FlushbarDismissDirection.HORIZONTAL,
      message: message,
      backgroundColor: Colors.blueGrey[700],
      leftBarIndicatorColor: Colors.red,
      mainButton: FlatButton(
        onPressed: onPressMethod,
        child:
            Text('$buttonText', style: TextStyle(color: Colors.lightBlue[500])),
      ),
    ).show(this.context);

• 此网站有助于了解使用小吃店的最佳实践：*

在解剖结构下的选项卡操作中：
https://material.io/components/snackbars/#anatomy
如果动作很长，可以显示在第三行。

更新1：

我已经设法做了一些类似于我想要的东西，虽然冲洗杆的高度仍然很大。顶部有一整部分冲洗杆可以移除+这个解决方案看起来不是最漂亮的一个，代码方面：

Flushbar(
      duration: Duration(seconds: _getFlushbarDuration(message)),
      icon: Icon(FontAwesomeIcons.exclamationTriangle, color: Colors.red),
      messageText: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Text('ERREUR',
              style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold)),
          Text('$message', style: TextStyle(color: Colors.lightBlue[50])),
          Container(
            alignment: Alignment.bottomRight,
            child: FlatButton(
              onPressed: onPressMethod,
              child: Text('$buttonText',
                  style: TextStyle(color: Colors.lightBlue[500])),
            ),
          ),
        ],
      ),
      padding: const EdgeInsets.only(top: 50, bottom: 10),
      isDismissible: true,
      dismissDirection: FlushbarDismissDirection.HORIZONTAL,
      backgroundColor: Colors.blueGrey[700],
      leftBarIndicatorColor: Colors.red,
    ).show(this.context);

更新2：

这看起来更好，但我现在不能得到图标的动画，因为我添加了一个带边距的容器到图标。仍然不满意我必须在messageText中制作小部件的事实。在默认的SnackBar()小部件中制作这个小部件是否更合适？

Flushbar(
      duration: Duration(seconds: _getFlushbarDuration(message)),
      icon: Container(
        margin: const EdgeInsets.only(bottom: 50),
        child: Icon(FontAwesomeIcons.exclamationTriangle, color: Colors.red),
      ),
      messageText: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Text('ERREUR',
              style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold)),
          Text(
            '$message',
            style: TextStyle(color: Colors.lightBlue[50]),
            softWrap: true,
          ),
          Align(
            alignment: Alignment.centerRight,
            child: FlatButton(
              onPressed: onPressMethod,
              child: Text('$buttonText',
                  style: TextStyle(color: Colors.lightBlue[500])),
            ),
          ),
        ],
      ),
      isDismissible: true,
      dismissDirection: FlushbarDismissDirection.HORIZONTAL,
      backgroundColor: Colors.blueGrey[700],
      leftBarIndicatorColor: Colors.red,
    ).show(this.context);