美文网首页
滚动组件 - TabBar

滚动组件 - TabBar

作者: 努力生活的西鱼 | 来源:发表于2023-08-09 13:58 被阅读0次
TabBar({
   super.key, 
   required this.tabs, // 一般使用tab对象,当然也可以是其他List<Widget>
   this.controller, // 一个TabController对象,用于控制标签的切换和滚动等行为
   this.isScrollable = false, // true,可以通过滑动来切换标签;false,标签宽度会等比分配,不会出现滚动条
   this.padding,
   this.indicatorColor, // 指示器颜色
   this.automaticIndicatorColorAdjustment = true,
   this.indicatorWeight = 2.0, // 指示器的线宽,默认为2.0
   this.indicatorPadding = EdgeInsets.zero, // 指示器的内边距
   this.indicator, // 一个Widget对象,用于自定义指示器的样式
   this.indicatorSize, // TabBarIndicatorSize.label:指示器和文字同宽,TabBarIndicatorSize.tab 与tab同宽
   this.dividerColor,
   this.labelColor, // 选中Tab文字颜色
   this.labelStyle, // 选中Tab文字Style
   this.labelPadding,
   this.unselectedLabelColor, // 未选中Tab中文字颜色
   this.unselectedLabelStyle, // 未选中Tab中文字style
   this.dragStartBehavior = DragStartBehavior.start,
   this.overlayColor,
   this.mouseCursor,
   this.enableFeedback,
   this.onTap, // 点击标签页时的回调函数
   this.physics,
   this.splashFactory,
   this.splashBorderRadius,
  })

相关文章

  • uniapp自定义tabbar

    App.vue中隐藏系统tabbar 创建tabbar组件 页面引用tabbar组件

  • 小程序-自定义tabbar

    新建组件 tabbar.wxml tabbar.wxss tabbar.js tabbar.json app.js...

  • React项目实战二

    1, 实现tabBar 1,使用步骤1,打开antd-mobile组件中的TabBar组件的文档[https://...

  • 封装tabbar栏

    一共4个tabbar栏这里省略... 子组件: tabbar.vue 子组件可以使用 $emit 触发父组件的自定...

  • vue 滚动和过度动画

    1. 组件内滚动 组件内滚动到指定锚点 scrollIntoView在组件中 组件内滚动到指定位置初始化的化滚动,...

  • 底部TabBar

    组件分解 页面显示组件:Scaffold底部Tabbar组件:BottomNavigationBar底部Tabba...

  • 微信小程序之首页

    1.底部导航栏写法一:组件tabbar tabbar组件api 在app.json文件中加入以下代码,"color...

  • overscroll-behavior滚动嵌套时让父组件不触发滚

    以前老到遇滚动嵌套时,子组件滚动到最底部(过渡滚动--滚动到边界)时会触发父组件滚动。今天看到可以用overscr...

  • tabBar组件

    一. 全局配置 我们可以通过对项目根目录下的app.json文件实现对微信小程序的全局配置,该文件的内容是一个Js...

  • tabbar与item

    item.vue HelloWorld.vue ( tabbar组件 )

网友评论

      本文标题:滚动组件 - TabBar

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