当前位置: 首页 > 知识库问答 >
问题:

添加边框半径后为应用程序栏的背景着色

戚良弼
2023-03-14

我已经为应用程序栏添加了一个边界半径,应用程序栏的背景保持白色,并希望添加一个边界半径凹口的背景颜色。

应用程序栏的代码

  appBar: AppBar(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(
        bottom: Radius.circular(30),
      ),
    ),
    centerTitle: true,
    toolbarHeight: 100,
    title: Text(
      'Registration',
      style: TextStyle(fontSize: 25.0, fontWeight: FontWeight.bold),
    ),
    backgroundColor: Color(0xff1F1F1F),
    // backgroundColor: #,
  ),

共有1个答案

贺功
2023-03-14

您需要更改canvascolor值:

return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        canvasColor: Colors.transparent, // Change this
      ),
      home: MyHomePage(),
    );

这样,您可以更改scaffold默认背景色!

 类似资料:
  • 问题内容: 我有以下在Fi​​refox,Chrome和Safari中可用的工具。但不是在IE9中。它在td的左上和右上应用圆角。我想念什么? 问题答案: 您是否已将其放在HTML文档的顶部(在标记上方) IE9要求此网站显示新的HTML5 / CSS3内容 编辑:或许多其他Doctype(XHTML等,但这是最短和最容易记住的)

  • 我用以下超文本标记语言制作了页脚: 当我把它设置为固定时,一切都很完美。但是当我把页脚设置为不固定时,它不在页面底部(浮动),并且有边框半径。如何将它设置为页面底部(不固定)并删除边框半径? 任何指导都将非常感激。

  • 如何添加图像并将其设置为我的应用程序背景 我知道你把你想要的图片粘贴到了drawable文件夹中。这是代码本身的问题,还是我应该创建一个RelativeLayout?或者仅仅是提供的代码中的一行更改? 这是我的代码,没有任何改动。

  • 问题内容: 容器装好后,不应该将容器中的物品切掉吗? 示例HTML和CSS: 如您所见,我在容器()上使用,但内容()在容器的“外部”。我在Google Chrome上看到了这个。 这是预期的行为吗? PS这不是关于如何修复它,而是关于它是否应该像这样工作。 问题答案: 这是预期的行为吗? 是的,听起来确实很疯狂。原因如下: 默认的元素(和大多数其他的东西)是和规范说这约: visible 此值指

  • 我想创建一个透明的圆形按钮,点击它应该有条带边框。我想用HTML、CSS或者必要的java脚本来实现这一点。 以下是一个示例:https://jsfiddle.net/chrichrichri/a9dpg582/38/ 结合: 到目前为止,我在Firefox中对其进行了测试-边框图像考虑了边框半径,但始终存在边框颜色覆盖-如果我有50%的透明度,我会看到条带和选定的颜色-但我只想要条带…如果我使用

  • 我正在创建一个呼叫阻止应用程序,当我添加复选框或单选按钮到我的布局,应用程序开始崩溃。 活动代码。 } 广播接收机代码 公共void onReceive(上下文、意图){ XML文件如下所示 错误日志如下