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

如何设置输入装饰的OutlineInputBorder的样式?

蔚学林
2023-03-14

我正在尝试设置TextFormField的边框样式。我将它与大纲输入框一起使用。默认情况下,它采用近乎黑色的颜色,聚焦时采用原色。我试图更改边框的颜色,但无效。

我还尝试了更改文本字段的Flutter中的下划线中提到的变通方法,但没有任何变化。

new TextFormField(
    decoration: new InputDecoration(
        labelText: "Email",
        contentPadding: new EdgeInsets.all(12.0),
        filled: true,
        border: new OutlineInputBorder(
            borderSide: new BorderSide(width: 2.0, color: Colors.white),
        )
    ),
),

共有1个答案

汪鸿波
2023-03-14

在深入挖掘之后,似乎只能通过主题数据进行配置。所以我只是添加了一个主题小部件。

body: Theme(data: Theme.of(context).copyWith(
          primaryColor: Colors.white,
          accentColor: Colors.amber
      ), child: new TextFormField(
          decoration: new InputDecoration(
          labelText: "Email",
          contentPadding: new EdgeInsets.all(12.0),
      ),
),
Color _getActiveColor(ThemeData themeData) {
    if (isFocused) {
      switch (themeData.brightness) {
        case Brightness.dark:
          return themeData.accentColor;
        case Brightness.light:
          return themeData.primaryColor;
      }
    }
    return themeData.hintColor;
  }
 类似资料:
  • 问题内容: 是否可以为输入占位符的各个部分设置样式?一个例子: 请在这里输入 还请注意,您只能输入一次 。 问题答案: 您不能使用标准属性来做到这一点。我将详细介绍另一种方法,使自定义占位符带有一些围绕输入元素的包装。 HTML CSS: 是的,有很多代码,但是给您一些样式上的灵活性。 演示:http://jsfiddle.net/dfsq/xD5Lq/ UPD但是存在一个问题(感谢@AlexG进

  • 问题内容: 您如何设置输入按钮的样式? 问题答案: 众所周知,对文件输入进行样式设置非常困难,因为大多数浏览器都不会通过CSS或javascript更改外观。 即使输入的大小也不会响应以下内容: 相反,您将需要使用size属性: 对于任何比这更复杂的样式(例如,更改浏览按钮的外观),您将需要研究在本地文件输入上方叠加样式按钮和输入框的棘手方法。rm在www.quirksmode.org/dom/i

  • null 任何帮助都将不胜感激。

  • 问题内容: 我希望仅当登录用户具有所需的权限级别时,其他功能才可执行。 为了使我的生活更加复杂,我想使用装饰器。下面,我尝试在“装饰”功能上设置属性-如下所示。 但是当我这样做时: 我得到一个错误 我想念什么? 问题答案: 您正在检查内部(包装)函数上的属性,但在原始(包装)函数上进行了设置。但是,您 根本 需要包装函数: 你的装饰需要返回 的东西 那将取代原有的功能。原始函数本身(添加了属性)可

  • 这是我的代码,它提供页脚中列的总和。 但我不知道如何为这些页脚变量添加样式。也可以调整整个报告的字体大小吗?

  • 问题内容: 但它不起作用,如何设置默认值? 问题答案: 日期应采用格式。一位数的日期和月份应填充0。一月是01。 从文档中: 代表日期的字符串。 值:RFC3339中定义的有效完整日期,另外具有年份部分为四位或更多位数字表示大于0的数字的资格。 您的代码应更改为: