小编wha*_*ver的帖子

如何反转颤振中的颜色?

我有一个用于创建渐变效果的小部件:

class GradientContainer extends StatelessWidget {
  final child;

  GradientContainer({@required this.child});
  @override
  Widget build(BuildContext context) {
    return Stack(children: [
      Positioned(
          left: 5,
          top: 17,
          bottom: 5,
          right: 9,
          child: ClipRRect(
            borderRadius: BorderRadius.circular(4),
            child: Container(
              decoration: BoxDecoration(
                  gradient: LinearGradient(
                      begin: Alignment.topLeft,
                      end: Alignment.bottomRight,
                      stops: [
                    0.0,
                    1.0
                  ],
                      colors: [
                    Colors.black.withOpacity(0.0),
                    Theme.of(context).scaffoldBackgroundColor.withOpacity(0.8),
                  ])),
            ),
          )),
      child,
    ]);
  }
}
Run Code Online (Sandbox Code Playgroud)

这非常有效,直到用户切换到深色主题并且无法非常清晰地处理渐变。所以,我想做一些类似的事情Theme.of(context).scaffoldBackgroundColor.invertColor().withOpacity(0.8),这样我可以获得身体的反转颜色,这使我能够在渐变上创建良好的对比度,无论主题如何。有人知道怎么做吗?我尝试过在网上查找,但我所能找到的只是如何将反转滤镜应用到图像上。

colors flutter

3
推荐指数
1
解决办法
2613
查看次数

标签 统计

colors ×1

flutter ×1