颤动中的阴影模糊效果

Question

如何在 Widget 的顶部和底部创建这个看起来位于列表顶部的阴影模糊？

Answer 1

尝试用 Stack 和面具包裹你的 child：

Stack(
  children: [
    //_yourWidget(),
                Opacity(
                  opacity: 0.5,
                  child: Container(
                    width: 50.0,
                    height: 50.0,
                    decoration: const BoxDecoration(
                      gradient: LinearGradient(
                        begin: Alignment.topCenter,
                        end: Alignment.bottomCenter,
                        colors: <Color>[
                          Colors.black,
                          Colors.transparent,
                          Colors.transparent,
                          Colors.black,
                        ],
                        stops: [
                          0,
                          0.2,
                          0.8,
                          1,
                        ],
                      ),
                    ),
                  ),
                ),
  ],
)