パルカワ2

最近はFlutterをやっています

AlertDialogのボタン下のスペースが空いてしまう!

FlatButtonを使ってAlertDialogのアクションを表現したら、微妙にアクションの下スペースが広い。 debug printを表示するとわかりやすい。

f:id:hisaichi5518:20191210160658p:plainf:id:hisaichi5518:20191210160338p:plain

AlertDialog(
  ...,
  actions: <Widget>[
    FlatButton(
      child: const Text("OK"),
      onPressed: () => ok(context),
    ),
  ],
);

FlatButtonにスペースが含まれているからだった。 次のようにしたら思った通りの表示になった。

f:id:hisaichi5518:20191210160748p:plain f:id:hisaichi5518:20191210160439p:plain

FlatButton(
  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
  child: const Text("OK"),
  onPressed: () => ok(context),
),