What I want to achieve is the following image: enter image description here

我试着删除appbar,但它没有工作:

      appBar: PreferredSize(
        preferredSize:
            Size.fromHeight(60.0),
        child: Container(
          margin: EdgeInsets.all(8.0),
          child: AppBar(
            title: Text('Login'),
          ),
        ),
      ),

enter image description here

推荐答案

试着这样做:

appBar: PreferredSize(
  preferredSize: const Size.fromHeight(60.0),
  child: ClipRRect(
    borderRadius: const BorderRadius.vertical(
      bottom: Radius.circular(50),
    ),
    child: AppBar(
      title: const Text('Login'),
      backgroundColor: Colors.red,
    ),
  ),
)

Result: enter image description here

Flutter相关问答推荐

错误:找不到字体功能类型.Ffltter Google_Fonts包错误

如何在Firebase项目中更改包名称和包ID

为什么我的PIN字段在第一次打字时不显示数字?

Flutter AppBar Animation反向调试

CMakeLists.txt处的CMake错误:3(项目)找不到指定的Visual Studio实例

Flutter 翼future 建造者不断开火和重建.它在每次重建时都会生成一个新的随机数--我如何防止这种情况?

BottomNavigationBar-我应该使用Container和Align吗?

Flutter Android Google Sign-in error:ApiException:10在确认软件包名称、SHA-1 fingerprint 和设置同意页面后出现异常

顶部对齐ListTile的[前导、标题、尾随]小部件

使用 Firebase Realtime 实现高效流式传输

在 Flutter 中,SpinEdit 叫什么?

如何将行推到列的底部

Android Studio - Electric Eel 2022.1.1 更新 destruct 了 dart 文件图标

在不丢失游戏状态的情况下从 Flame 游戏导航到 Flutter 小部件

我怎样才能一次只选中一个复选框?

Flutter Serverpod 在示例项目上返回 400 错误

如何让多个图标转到不同的网址

使用 mocktail 包进行单元测试时,类型Null不是Future类型的子类型

一个或多个插件需要更高的 Android SDK 版本

Flutter Desktop,如何获取windows用户配置文件名称?