【问题标题】:Inside glow on textfield in flutter颤动中文本字段的内部发光
【发布时间】:2022-01-12 13:09:01
【问题描述】:

我有一个文本字段,它有一种带边框的透明背景,然后在内部有某种发光,使它流行起来。 我需要帮助,因为我不知道如何实现这种发光。我尝试将文本字段包装在具有线性渐变的容器中,但它只会使发光出现在一个边缘。 这是一张我目前拥有的和我想要的并排的照片。

左边是我所拥有的,右边是我想要达到的

【问题讨论】:

    标签: flutter flutter-layout textfield


    【解决方案1】:

    您正在尝试使用模糊添加内部阴影。在 Container 中使用 BoxDecoration 并根据需要调整 spreadRadius 和 blurRadius。

    Container(
                decoration: BoxDecoration(
                  boxShadow: [
                    BoxShadow(
                      color: Colors.blue[500]!,
                    ),
                    BoxShadow(
                      color: Colors.blue[900]!,
                      spreadRadius: -5.0,
                      blurRadius: 5.0,
                    ),
                  ],
                ),
                child: TextField(
                  obscureText: true,
                  decoration: InputDecoration(
                    border: OutlineInputBorder(),
                  ),
                ),
              ),
    

    【讨论】:

    • 非常感谢您的回复。我能够调整您代码上的数字,并且得到了类似的结果。
    猜你喜欢
    • 2022-06-27
    • 2018-02-04
    • 1970-01-01
    • 2019-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-07
    相关资源
    最近更新 更多