颤动开关阴影效果

Question

如何为我目前正在使用的 cupertino 开关添加阴影效果。这是我想要达到的结果 image of switch with shadow effect。如果可能，我可以获得代码片段吗？提前致谢！

Answer 1

您可以用 Container 包装开关并向其添加 boxShadow：

Container(
            child: CupertinoSwitch(
              activeColor: Colors.blueAccent,
              value: _value,
              onChanged: (bool value) {
                setState(() {
                  _value = value;
                });
              },
            ),
            decoration: BoxDecoration(
                shape: BoxShape.circle,
                boxShadow: [
                  BoxShadow(
                    color: Colors.blueAccent.withOpacity(0.2),
                    spreadRadius: 5,
                    blurRadius: 10,
                    offset: Offset(0, 1),
                  )
                ]
            ),
          ),

结果：