dart - BottomAppBar 中缺少停靠 FloatingActionButton 的缺口

Question

一次

您可以通过在 Scaffold 中指定 floatingActionButtonLocation 来停靠 FloatingActionButton使用 BottomAppBar。

documentation谈论一个:

"notch"

现在

import 'package:flutter/material.dart';

main() => runApp(MaterialApp(
  home: Scaffold(
    bottomNavigationBar: BottomAppBar(
      child: Container(
        height: 300.0,
        color: Colors.pinkAccent,
      ),
    ),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    floatingActionButton: FloatingActionButton(onPressed: () {}),
  ),
));

使用 Flutter 版本 0.5.6，我无法重新创建缺口。第二张图片和下面的代码属于一体。

这是问题/错误还是我现在可以做些什么？

Answer 1

BottomAppBar 现在需要将其 shape 指定为 CircularNotchedRectangle ，它不像以前的 hasNotch 那样设置为默认值:

Scaffold(
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  floatingActionButton: FloatingActionButton(...),
  bottomNavigationBar: BottomAppBar(
    shape: CircularNotchedRectangle(),
    ...
  ),
);