有什么办法可以在短时间内剪辑应用栏？

Question

我正在尝试修剪两个appbars角。不幸的是我找不到任何东西，我想知道是否有解决方法。或者，也许有人会友好地闯入Appbar的原始代码并以某种方式进行修改以裁剪它，以帮助我。

Answer 1

您可能会寻找https://github.com/flutter/flutter/pull/21834中添加的shapeBorder选项

  const RoundedRectangleBorder roundedRectangleBorder = RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(15.0)));

  MaterialApp(
    home: AppBar(
      leading: const Text('L'),
      title: const Text('No Scaffold'),
      shape: roundedRectangleBorder,
      actions: const <Widget>[Text('A1'), Text('A2')],
    ),
  ),

似乎这仅在master中可用，而未在文档中显示。

flutter channel master
flutter doctor

Answer 2

对于不想使用Master channel和在stable channel上的用户-其他解决方法正在使用-ClipRRect

Scaffold(
                appBar: PreferredSize(
                  preferredSize: Size.fromHeight(kToolbarHeight),
                  child: ClipRRect(
                    clipBehavior: Clip.antiAlias,
                    borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(20.0),
                        bottomRight: Radius.circular(20.0)),
                    child: AppBar(
                      centerTitle: true,
                      title: Text(title),
                    ),
                  ),
                ),