首页
学习
活动
专区
圈层
工具
发布

Flutter基础widgets教程-CupertinoSwitch篇

1 CupertinoSwitch

iOS风格的底部选项卡。 通常和CupertinoTabScaffold一起使用

2 构造函数

代码语言:javascript
复制
CupertinoTabBar({
    Key key,
    @required this.items,
    this.onTap,
    this.currentIndex = 0,
    this.backgroundColor,
    this.activeColor,
    this.inactiveColor = _kDefaultTabBarInactiveColor,
    this.iconSize = 30.0,
    this.border = const Border(
      top: BorderSide(
        color: _kDefaultTabBarBorderColor,
        width: 0.0, // One physical pixel.
        style: BorderStyle.solid,
      ),
    ),
})

3 常用属性

3.1 onTap:点击事件

代码语言:javascript
复制
onTap:() {},

3.2 currentIndex:当前选中的选项卡

代码语言:javascript
复制
currentIndex: 0,

3.3 backgroundColor:背景色

代码语言:javascript
复制
backgroundColor: Color(0xFFfafcff),

3.4 activeColor:选中选项卡颜色

代码语言:javascript
复制
activeColor:Colors.blue,

3.5 inactiveColor:未选中选项卡颜色

代码语言:javascript
复制
inactiveColor:Colors.black12,

3.6 iconSize:按钮图标大小

代码语言:javascript
复制
iconSize:30.0,

3.7 border:边框

代码语言:javascript
复制
border:const Border(),

下一篇
举报
领券