dart 使用Flutter的漏光效果

jjjwad0x 于 2023-05-20 发布在 Flutter

关注(0)|答案(2)|浏览(133)

任何想法如何创建一个“光泄漏”的效果（如在图片）
Flutter？
我想创建一个简单的背景（但比图片少花哨）
并可能使其动画化。
[edit：我删除了这些行以避免混淆（在这里和其他平台）：

这不是关于创建“背景”（没有.png .jpg .gif等）
这不是关于创建“动画”（没有耀斑等）

这只是为了创造一个“漏光”的效果作为装饰。
以awesome fonts for VS Code为例]

有什么建议吗？谢谢

dart

来源：https://stackoverflow.com/questions/57745373/light-leaks-effect-with-flutter

2条答案

按热度按时间

yjghlzjz1#

您可以始终使用图像作为背景

body: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage("assets/images/bulb.jpg"),
        fit: BoxFit.cover,
      ),
    ),
    child: null ,
  ),

抱歉想在评论中添加此内容，但它需要50个代表

赞(0）回复(0）举报 2023-05-20

izkcnapc2#

我想你指的是文本或容器中的阴影

Container(
  decoration: BoxDecoration(
     borderRadius: BorderRadius.all(Radius.circular(10.0)),
     boxShadow: [
         const BoxShadow(
            color: Colors.white,
            spreadRadius: 3,
            blurRadius: 0,
         ),
     ]
  ),
  child: null
)

或

const Text(
  "ABC",
  style: TextStyle(
    shadows: [
      Shadow(
          color: Colors.red,
          blurRadius: 3
      )
    ]
  ),
)

赞(0）回复(0）举报 2023-05-20

我来回答

dart 使用Flutter的漏光效果

2条答案

相关问题

热门标签

最新问答