草庐IT

flutter 容器 : cannot provide both a color and a decoration

coder 2023-07-22 原文

我想在我的容器周围绘制一个边框并为背景着色。

Widget bodyWidget() {
  return Container(
    color: Colors.yellow,
    decoration: BoxDecoration(
      border: Border.all(color: Colors.black),
    ),
    child: Text("Flutter"),
  );
}

但是当我尝试这个时我得到了错误

Cannot provide both a color and a decoration
The color argument is just a shorthand for "decoration: new BoxDecoration(color: color)".

这是怎么解决的？

最佳答案

从 Container 中移除 color 参数并将其添加到 BoxDecoration:

Widget bodyWidget() {
  return Container(
    decoration: BoxDecoration(
      color: Colors.yellow,
      border: Border.all(color: Colors.black),
    ),
    child: Text("Flutter"),
  );
}

如果检查 Container source code，您会发现 color 参数仅用于在装饰为 null 时设置 BoxDecoration 颜色。

decoration = decoration ?? (color != null ? BoxDecoration(color: color) : null),

你得到的错误只是一个有用的提醒。否则你会得到一个奇怪的覆盖 (as was apparently the case in the past) 或者你甚至可能不会注意到这个错误。

关于 flutter 容器 : cannot provide both a color and a decoration，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53678664/

容器decorationcolorsectionflutterdartbackground-colorflutter-container

有关flutter 容器 : cannot provide both a color and a decoration的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  2. 在保持文本不透明度的同时，可以使用仅使用HTML制作一个透明的容器？ - 2

    我想在保持文本/图像不透明的同时使我的容器背景透明。只能使用HTML做到这一点吗？这是我的代码：看答案我看到了您的问题，如果我正确理解您，我想我知道您可以做什么。我注意到的一件事是，在我进一步走之前，看起来您正在使用引导程序代码。如果您更改了可能与此相关的CSS样式表，则可能会更好，更有效，也可能不会破坏整体代码的其他元素，但是让我们看看我的解决方案是否对您有效。基本上您想做的是：1）在您的HTML中编写一个“样式”标签，然后在其中放入样式（CSS）属性（您可以将其放入HTML代码的标题中以更好地跟踪它）。2）使用提供背景颜色的“RGBA”格式，并将其不透明度为“0”作为代码段的第四值。因此，

  3. ruby-on-rails - 使用 AWS Elastic Beanstalk 和 Ruby 容器设置私有(private) Github 访问 - 2

    经过recenttutorial关于使用Git为Ruby部署设置AWSElasticBeanstalk，我只是从我的CI服务器设置了一个ElasticBeanstalk环境。但是，应用程序无法启动。我查看日志发现bundleinstall失败并显示一条错误消息。Fetchinggit@github.com:example/private-repository.gitHostkeyverificationfailed.fatal:Theremoteendhungupunexpectedly[31mGiterror:commandgitclone'git@github.com:exampl

  4. vue2+element-ui,el-aside侧边栏容器收缩与展开 - 2

    一、概览实现效果如下：二、项目环境1、nodejs版本node-vv16.16.02、npm版本npm-vnpmWARNconfigglobal`--global`,`--local`aredeprecated.Use`--location=global`instead.8.15.03、vue脚手架版本vue-V@vue/cli5.0.8三、创建vue项目1、创建名为vuetest的项目vuecreatevuetest选择Default（[Vue2]babel,eslint）  2、切换到项目目录，启动项目cdvuetestnpmrunserve 3、使用浏览器预览 http://localh

  5. ruby - Ruby 有像栈、队列、链表、映射或集合这样的容器吗？ - 2

    我在网上查了几个Ruby教程，他们似乎什么都用数组。那么如何在Ruby中实现以下数据结构呢？堆栈队列链表map组 最佳答案 (从评论中移出)好吧，通过限制堆栈或队列方法(push、pop、shift、unshift)，数组可以是堆栈或队列。使用push/pop提供LIFO(后进先出)行为(堆栈)，而使用push/shift或unshift/pop提供FIFO行为(队列)。map是hashes,和一个Set类已经存在。您可以使用类实现链表，但数组将使用标准数组方法提供类似于链表的行为。 关

  6. javascript - 选择容器中的最后一个词 - 2

    我只是想知道是否有办法选择DIV中的最后一个WORD。我认为没有任何明显的方法可以做到这一点，那么有什么变通办法吗？我不介意使用CSS或Javascript来实现这一点。提前致谢 最佳答案 或者没有，它归结为基本的字符串操作(使用match())方法。varwords=$('#your_div').text().match(/(\w+)/g);if(words.length){varlast_word=words[words.length-1];}我们使用match()构建所有单词的数组方法，然后获取最后一个(varlast_wor

  7. javascript - 使用 Knockout 组件时替换容器元素 - 2

    有没有办法配置Knockoutcomponent替换容器元素而不是将其内容嵌套在容器元素中？例如，如果我使用以下模板将自定义组件注册为my-custom-element:Helloworld!是否可以像这样使用组件:最终产品是这样的:Helloworld!而不是这样:(Knockout默认渲染组件的方式)Helloworld!Basedontheanswertothisquestion，似乎此功能内置于模板引擎中，我假设在呈现组件模板时也会使用它。有没有一种方法可以指定组件应该使用replaceNode的renderMode进行渲染？我知道“虚拟元素”语法，它允许在HTML注释中定义组

  8. javascript - ReactJS - ReactMount : Root element has been removed from its original container. 新容器 - 2

    这个错误是什么意思？如何解决？ReactMount:Rootelementhasbeenremovedfromitsoriginalcontainer.Newcontainer在这之后我得到了这个:Uncaughtobjectreact.js:15915invariantreact.js:15915ReactMount.findComponentRootreact.js:10584ReactMount.findReactNodeByIDreact.js:10480getNodereact.js:10089(anonymousfunction)react.js:7307(anonymou

  9. javascript - 在 docker 容器中安装 yarn 说缺少依赖 - 2

    我正在使用node:6.7.0图像作为我的docker容器，然后按照yarn的安装指南进行操作sudoapt-keyadv--keyserverpgp.mit.edu--recvD101F7899D41F3C3echo"debhttp://dl.yarnpkg.com/debian/stablemain"|sudotee/etc/apt/sources.list.d/yarn.list然后我做apt-getupdate&&apt-getinstallyarn但此时我收到一条错误消息，上面写着yarn:Depends:nodejs(>=4.0.0)butitisnotgoingtobei

  10. javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器？ - 2

    这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数，在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=

随机推荐