欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 文化 > TDesign:NavBar 导航栏

TDesign:NavBar 导航栏

2025/3/17 20:44:18 来源:https://blog.csdn.net/qq_40745143/article/details/144564508  浏览:    关键词:TDesign:NavBar 导航栏

NavBar 导航栏

左图,右标

在这里插入图片描述

appBar: TDNavBar(padding: EdgeInsets.only(left: 0,right: 30.w), // 重写左右内边距centerTitle:false, // 不显示标题height: 45, // 高度titleWidget: TDImage( // 左图assetUrl: 'assets/img/logo.png',width: 147.w,height: 41.w,),backgroundColor:  const Color(0xffE93323), // 背景screenAdaptation: true, // 默认true,适配手机状态栏高度useDefaultBack: false, // 显示左侧返回按键rightBarItems: [TDNavBarItem(icon: TDIcons.scan, iconSize: 32,iconColor: Colors.white,action: (){print('点击了扫描1');},),TDNavBarItem(icon: TDIcons.scan, iconSize: 32,iconColor: Colors.white,action: (){print('点击了扫描2');},),]
),

默认二级页

在这里插入图片描述

appBar: TDNavBar(// 如果你想监听默认的返回事件,请添加onBackonBack: (){print('点击了返回');},height: 45,title: '我的',titleFontWeight: FontWeight.w600,backgroundColor: Colors.white,screenAdaptation: true,useDefaultBack: true,rightBarItems: [TDNavBarItem(icon: TDIcons.more,iconSize: 24,action: () {print('点击了');},),]
),

右侧自定义widget

在这里插入图片描述

rightBarItems: [TDNavBarItem(padding: const EdgeInsets.only(right: 10),  // 设置padding可调整2个图标之间的距离iconWidget: const TDImage(assetUrl: 'assets/img/mine-18.png',width: 24,height: 24,),action: (){print('点击了设置');},),
],

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词