“ RenderFlex在右侧溢出了97个像素。” 在Flutter AlertDialog中

Question

我对AlertDialog的操作有此问题

AlertDialog(
        title: ...,
        content: ...,
        actions: <Widget>[
          FlatButton(onPressed: ...,
              child: Text(btn_download)),
          FlatButton(onPressed: ...,
              child: Text('btn_select')),
          FlatButton(onPressed: ...,
              child: Text(btn_qr)),
          FlatButton(onPressed: ...,
              child: Text(btn_cancel)),
        ],
      );

当我显示此对话框时，我得到以下信息：

我尝试使用Wrap或其他滚动和多子代Widet，但没有任何帮助。在这里找到了相同的问题，但尚未找到答案。有人知道如何解决此问题吗？

Answer 1

我无权使用AndroidStudio验证我的假设，但我会尝试以下方法：

AlertDialog(
    title: ...,
    content: ...,
    actions: <Widget>[
       new Container (
          child: new Column (
              children: <Widget>[
                  FlatButton(onPressed: ...,
                  child: Text(btn_download)),
                  FlatButton(onPressed: ...,
                  child: Text('btn_select'))
          ),
       new Container (
          child: new Column (
              children: <Widget>[
                  FlatButton(onPressed: ...,
                  child: Text(btn_gr)),
                  FlatButton(onPressed: ...,
                  child: Text('btn_cancel'))
          ),
      ),
    ],
  );

编辑：此代码有效，但是您必须使用宽度受限制的方法Container，即使看起来75％的屏幕宽度似乎是一个最佳选择，因为它在纵向和横向模式下均可工作。

import 'package:flutter/material.dart';
import 'dart:async';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
    return new MaterialApp(
    title: 'Flutter Demo',
    theme: new ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: new MyHomePage(title: 'Flutter Demo Home Page'),
    );
}
}

class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;

@override
_MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;

Future<Null> _neverSatisfied() async {
    double c_width = MediaQuery.of(context).size.width*0.75;
    return showDialog<Null>(
    context: context,
    barrierDismissible: false, // user must tap button!
    builder: (BuildContext context) {
        return new AlertDialog(
        title: new Text('Rewind and remember'),
        content: new SingleChildScrollView(
            child: new ListBody(
            children: <Widget>[
                new Text('You will never be satisfied.'),
                new Text('You\’re like me. I’m never satisfied.'),
            ],
            ),
        ),
        actions: <Widget>[
            new Container(
            width: c_width,
            child: new Wrap(
                spacing: 4.0,
                runSpacing: 4.0,
                children: <Widget>[
                    new FlatButton(
                    child: new Text('The Lamb'),
                    onPressed: () {
                        Navigator.of(context).pop();
                    },
                    ),
                    new FlatButton(
                    child: new Text('Lies Down'),
                    onPressed: () {
                        Navigator.of(context).pop();
                    },
                    ),
                    new FlatButton(
                    child: new Text('On'),
                    onPressed: () {
                        Navigator.of(context).pop();
                    },
                    ),
                    new FlatButton(
                    child: new Text('Broadway'),
                    onPressed: () {
                        Navigator.of(context).pop();
                    },
                    ),

                ],
            )
            )
        ],
        );
    },
    );
}

void _doNeverSatisfied() {
    _neverSatisfied()
    .then( (Null) {
    print("Satisfied, at last. ");
    });
}



@override
Widget build(BuildContext context) {
    return new Scaffold(
    appBar: new AppBar(
        title: new Text(widget.title),
    ),
    body: new Center(
        child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
            new Text(
            'You have pushed the button this many times:',
            ),
            new Text(
            '$_counter',
            style: Theme.of(context).textTheme.display1,
            ),
        ],
        ),
    ),
    floatingActionButton: new FloatingActionButton(
        onPressed: _doNeverSatisfied,
        tooltip: 'Call dialog',
        child: new Icon(Icons.add),
    ), // This trailing comma makes auto-formatting nicer for build methods.
    );
}
}