【问题标题】:Customized BoxShadow in flutterFlutter 中的自定义 BoxShadow
【发布时间】:2019-04-15 14:18:25
【问题描述】:

这样的阴影有可能吗=>

我一直在阅读BOXSHADOW,但不知道如何实现这一点。由于类中的构造函数没有我想要的所需信息。也许我想要实现的东西在 FLUTTER 中被称为不同。

代码:

decoration: BoxDecoration(
  boxShadow: [new BoxShadow(color: Color.fromRGBO(173, 179, 191, 0.3), blurRadius: 10.0, offset: new Offset(0, 20))] 
)

我已经尝试了这么多,并希望实现上述阴影。任何帮助,将不胜感激。

【问题讨论】:

    标签: flutter material-design


    【解决方案1】:
    1. 没有shadow属性,有boxShadow
    2. 您使用的不透明度太低。我使用您添加的颜色和不透明度进行了测试,没有任何东西可见。使其成为 1.0 :)
    3. Offset 需要 double 参数。
    4. 你不需要在flutter中添加new关键字,这没关系,但很高兴知道:)

    这对我有用 -

    decoration: BoxDecoration(boxShadow: [
                          BoxShadow(
                              color: Color.fromRGBO(173, 179, 191, 1.0),
                              blurRadius: 10.0,
                              offset: Offset(0.0, -5.0))
                        ]),
    

    【讨论】:

    • 影子上去了。我想要的是容器之间的阴影,如图所示。此外,它应该向左。请仔细查看图片。感谢您的建议,我会记住这一点。
    • 我相信阴影是容器的大小,而您期望的更小,请考虑使用堆栈并在容器下方保留一个容器。
    猜你喜欢
    • 2018-09-11
    • 1970-01-01
    • 2021-06-06
    • 2019-09-21
    • 1970-01-01
    • 1970-01-01
    • 2020-11-27
    • 1970-01-01
    • 2020-04-12
    相关资源
    最近更新 更多