代码之家 › 专栏 › 技术社区 › creativecreatorormaybenot

BottomAppBar中缺少停靠的FloatingActionButton的槽口

flutter dart

creativecreatorormaybenot · 技术社区 · 6 年前

一次

你可以码头一 FloatingActionButton 通过指定 floatingActionButtonLocation 在一个 Scaffold 使用 BottomAppBar 是的。

这个 documentation 谈论a:

“缺口”

docked fab

现在

screen capture

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: () {}),
  ),
));

与颤振版本 0.5.6 ,我无法重新创建凹口。第二个图像和下面的代码属于一起。

这是吗 问题/错误 或者我现在能做些什么吗?

3 回复 | 直到 6 年前

creativecreatorormaybenot 6 年前

这个 BottomAppBar 现在需要它 shape 指定为 CircularNotchedRectangle ,它不像以前那样设置为默认值 hasNotch 是:

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

emerssso 6 年前

槽口是可选/可配置的。在 beta Branch,你通过设置 hasNotch 构造函数中的属性。

不过,看起来这已经改变了 dev 分支(在您指定的0.5.6版本中)。在这里,您指定 shape 而不是缺口。这个 Flutter Gallery 有一个很好的演示如何制作这些。他们还提供看起来像 default implementation for circles .

你可以这样做:

import 'package:flutter/material.dart';

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

Raouf Rahiche AbdulMomen Ø¹Ø¨Ø¯Ø§ÙÙØ¤ÙÙ 6 年前

对, 有一个拉取请求:

Move the notch computation from the FAB to the BAB. #18372

推荐文章

swastij · 如何在颤振中创建垂直线性梯度?

1 年前

Jaimin Modi · 从Flutter中的Head呼叫响应中获取特定Header值

2 年前

Andrii Havryliak · 如何仅对需要状态的数组对象求和(true)

2 年前

IshikiHIkaru · 颤振:替换“.jpg”后面的特定字符串

2 年前

Tindona · 在flatter中有没有办法将响应体转换为XML?

2 年前

swapnil mane · 当我在颤振中向下滚动时,额定值变为零

2 年前

Aneesh A · 如何在flatter/dart中删除字符串中的空格,并将每个单词的第一个字母大写

2 年前

Irfan Ganatra · 颤振:如何在导航时知道参数是否传递

2 年前

Nikita · 如果有不好的状态还有些别的东西

2 年前

Tindona · 在flatter中更新小部件之间的值

2 年前