美文网首页
Flutter-Switch组件简单使用

Flutter-Switch组件简单使用

作者: 阿博聊编程 | 来源:发表于2022-05-12 20:21 被阅读0次
配图来自网络,如侵必删

在日常的开发中,我们肯定有开关相关的需求。这篇博客分享一下Flutter开关实现方法,希望对看文章的小伙伴有所帮助。

示例代码

bool switchValue = false;

Switch(
    value: switchValue,
    activeColor: Colors.blue,
    activeTrackColor: Colors.red,
    onChanged: (value) {
        setState(() {
           switchValue = value;
           print('>>>>>>>>> ${value}');
        });
    },
),

这是一个关于Switch的用法。

属性说明

设置默认值:

value: true,

设置点击事件:

onChanged(value) {
        setState(() {
           switchValue = value;
           print('>>>>>>>>> ${value}');
        });
    },  

设置打开状态下轨道颜色:

activeTrackColor: Colors.red,

设置打开状态下滑块颜色:

activeColor: Colors.red,

相关文章

网友评论

      本文标题:Flutter-Switch组件简单使用

      本文链接:https://www.haomeiwen.com/subject/hejeurtx.html