ダイアログのデフォルトの BorderRadius

コンテンツ

まとめ

のインスタンスDialog、としてもSimpleDialog、AlertDialog、とshowTimePicker、現在、デフォルトの形状はRoundedRectangleBorderとともにBorderRadius4.0ピクセル。これはマテリアルデザインの現在の仕様と一致します。この変更が行われる前のデフォルトの動作は、Dialog.shapeのBorderRadius2.0ピクセルでした。

コンテクスト

Dialogとそれに関連するサブクラス (SimpleDialog、AlertDialog、とshowTimePicker）が表示されます境界線の半径が大きくなると、わずかに異なります。マスターゴールデンファイルイメージがある場合、の事前レンダリングDialog境界半径が 2.0 ピクセルの場合、ウィジェットのテストは失敗します。これらのゴールデンファイルイメージは、新しいレンダリングを反映するように更新できます。または、コードを更新して元の動作を維持することもできます。

のshowDatePickerダイアログはすでに一致していますこの仕様はこの仕様に準拠しており、この変更の影響を受けません。

移行ガイド

古い形状を維持したい場合は、次を使用できます。あなたの形状プロパティDialog元の 2 ピクセルの半径を指定します。

ダイアログの形状を元の半径に設定します。

import 'package:flutter/material.dart';

void main() => runApp(Foo());

class Foo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        floatingActionButton: FloatingActionButton(onPressed: () {
          showDialog(
            context: context,
            builder: (BuildContext context) {
              return AlertDialog(
                content: Text('Alert!'),
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.all(Radius.circular(2))),
              );
            },
          );
        }),
      ),
    );
  }
}

新しい動作を好み、ゴールデンファイルテストが失敗する場合は、次のコマンドを使用してマスターゴールデンファイルを更新できます。

flutter test --update-goldens

タイムライン

リリースされたバージョン: 1.20.0-0.0.pre
安定版リリース: 1.20

参考文献

API ドキュメント:

Dialog
SimpleDialog
AlertDialog
showTimePicker
showDatePicker