Flutter CupertinoSegmentedControl 分段组件

如果你有兴趣你可以关注一下公众号 biglead 来获取最新的学习资料。

Flutter 从入门到精通系列文章在这里
当然也必需是要有源码的在这里了
github 有点慢不妨来看看码云的源码吧
系列学习教程在这里

本文实现的效果：

在 Flutter 中，是通过 CupertinoSegmentedControl 来实现

  //当前选中的索引int _currentIndex = 0;buildSegment() {return CupertinoSegmentedControl(//子标签children: <int, Widget>{0: Text("全部"),1: Text("收入"),2: Text("支出 "),},//当前选中的索引groupValue: _currentIndex,//点击回调onValueChanged: (int index) {print("当前选中 $index");setState(() {_currentIndex = index;});},//选中的背景颜色selectedColor: Colors.blue,//未选中的背景颜色unselectedColor: Colors.white,//边框颜色borderColor: Colors.blue,//按下的颜色pressedColor: Colors.blue.withOpacity(0.4),);}

Flutter CupertinoSegmentedControl 分段组件相关推荐

Flutter CupertinoSlidingSegmentedControl 分段组件使用解析
如果你有兴趣你可以关注一下公众号 biglead 来获取最新的学习资料. Flutter 从入门到精通系列文章在这里当然也必需是要有源码的在这里了 github 有点慢不妨来看看码云的源码吧 ...
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 )
文章目录一.加载网络图片二.加载静态图片三.加载本地图片四.完整代码示例五.相关资源一.加载网络图片参考 [Flutter]Image 组件 ( Image 组件简介 | Image 构 ...
【Flutter】Image 组件 ( Image 组件简介 | Image 构造函数 | Image.network 构造函数 | Image.asset 构造函数 )
文章目录一.Image 组件简介二.Image 构造函数三.Image.network 构造函数四.Image.file 构造函数五.Image.asset 构造函数六.Image.mem ...
【Flutter】StatefulWidget 组件 ( 创建 StatefulWidget 组件 | MaterialApp 组件 | Scaffold 组件 )
文章目录一.StatefulWidget 组件二.创建 StatefulWidget 组件三.MaterialApp 组件四.Scaffold 组件五. 相关资源一.StatefulWid ...
Flutter InkWell Ink组件
文章目录 Flutter InkWell & Ink组件 Flutter InkWell & Ink组件 InkWell组件可以在用户点击是出现水波纹效果. Ink组件可以将水波纹效果 ...
Flutter Clip剪裁组件
文章目录 Flutter Clip剪裁组件简述使用原图 ClipRect ClipOval ClipRRect ClipPath 自定义剪裁 Flutter Clip剪裁组件简述 Flutte ...
Flutter中动态显示组件之“坑”，我来教你怎样爬上来。
Flutter中动态显示组件之"坑",我来教你怎样爬上来.
macOS SwiftUI 封装组件之分段组件NSSegmentedControl (教程含源码)
实战需求 macOS SwiftUI 封装组件之分段组件NSSegmentedControl 本文价值与收获看完本文后,您将能够作出下面的界面基础知识什么是分段控件(Segmented Cont ...
Flutter之BoxShadow组件
Flutter之BoxShadow组件 https://www.jianshu.com/p/3fed3b7178de

Flutter CupertinoSegmentedControl 分段组件

Flutter CupertinoSegmentedControl 分段组件相关推荐

最新文章

热门文章