颤动开关阴影效果

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),
                  )
                ]
            ),
          ),

结果：