flutter->Scaffold左侧/右侧侧边栏

//appBar的 leading/actions   和 Scaffold的drawer/endDrawer  冲突只能存在一个 

import 'package:flutter/material.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {const MyApp({super.key});@overrideWidget build(BuildContext context) {return const MaterialApp(title: 'contaniner', home: HomePage());}
}class HomePage extends StatefulWidget {const HomePage({super.key});@overrideState<HomePage> createState() => _HomePageState();
}class _HomePageState extends State<HomePage> {final _leftList = List.generate(20,(index) => const Column(children: [ListTile(leading: CircleAvatar(child: Icon(Icons.swipe_left, size: 30)),title: Text('左侧数据'),trailing: Icon(Icons.keyboard_arrow_right),),Divider()],),);final _rightList = List.generate(20,(index) => const Column(children: [ListTile(leading: CircleAvatar(child: Icon(Icons.swipe_right, size: 30)),title: Text('右侧数据'),selectedColor: Colors.green,trailing: Icon(Icons.keyboard_arrow_right),),Divider()],),);@overrideWidget build(BuildContext context) {return Scaffold(drawer: Drawer(child: Column(children: [Container(width: double.infinity,child: const DrawerHeader(decoration: BoxDecoration(color: Colors.pink),child: Text("左侧侧数据"),),),Expanded(child: ListView(children: [..._leftList],),),],),),endDrawer: Drawer(child: Column(children: [Container(width: double.infinity,child: const DrawerHeader(decoration: BoxDecoration(color: Colors.green),child: Text("左侧侧数据"),),),Expanded(child: ListView(children: [..._rightList],),),],),),appBar: AppBar(title: const Center(child: Text('flutter bar')),// leading: IconButton(//   onPressed: () => print("我是图标按钮1"),//   icon: Icon(Icons.ac_unit), //设置图标//   color: Colors.red, //设置按钮颜色//   splashColor: Colors.yellow, //设置水波纹//   highlightColor: Colors.purple, //设置高亮的颜色//   tooltip: '我是提示信息', //提示信息// ),// actions: const [//   Icon(Icons.settings),//   Icon(Icons.vaccines),// ],backgroundColor: Colors.cyan[800],elevation: 0.0,centerTitle: true,),//带索引的集合循环body:HomeWidget());}
}class HomeWidget extends StatelessWidget {const HomeWidget({super.key});@overrideWidget build(BuildContext context) {// return const Text('我是首页数据', style: TextStyle(color: Colors.red));return ListView(children: List.generate(20,(index) => ListTile(leading: Icon(Icons.access_alarm, size: 30),title: Text('测试$index'),subtitle: Text('子标题$index'),selected: index == 1,selectedColor: Colors.green,trailing: Icon(Icons.keyboard_arrow_right),),));}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/758871.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Bert模型输出:last_hidden_state转换为pooler_output

1. BERT模型的输出 在BERT模型中&#xff0c;last_hidden_state和pooler_output是两个不同的输出。 (1) last_hidden_state: last_hidden_state是指BERT模型中最后一个隐藏层的隐藏状态。它是一个三维张量&#xff0c;其形状为[batch_size, sequence_length, hidden_size]。其…

智慧水务:雨季山区水域水务智能化监控与监测管理方案

一、方案背景 雨季的水务管理对于各区县来说&#xff0c;无疑是一项至关重要的任务。夏季雨水充沛&#xff0c;江河湖泊水位上涨&#xff0c;山洪、上游排水等情况时有发生&#xff0c;给各地的水务设施和防汛工作带来了严峻的挑战。针对区县的各类水域监管场景&#xff0c;需…

免费的chatgpt网站(包含最新版4.0)

相信每个人在生活工作学习中都逃不过用chatgpt来解决一些问题&#xff0c;下面我长话短说&#xff0c;为大家简单介绍几款免费且好用的chatgpt网站 1、YesChat 网址&#xff1a;YesChat-ChatGPT4V Dalle3 Claude 3 All in One Free 第一个就给大家介绍一个狠角色&#xff0c;最…

C 语言中位取反操作符 ~ 和逻辑取反操作符 !

在 C 语言中&#xff0c;有两种取反操作符&#xff0c;分别是位取反操作符 ~ 和逻辑取反操作符 !。 位取反操作符 ~&#xff1a; 位取反操作符 ~ 是一个一元操作符&#xff0c;用于执行按位取反操作。它会将操作数的每个位取反&#xff0c;即将 0 变为 1&#xff0c;将 1 变为 …

c语言入门基础题-自己的解法c小白

编程2&#xff1a;企业发放奖金根据利润提成。利润不高于十万时&#xff0c;奖金可提10%&#xff0c;高于十万时&#xff0c;低于十万部分不变&#xff0c;高于十万部分可提7.5%,20万到40万时&#xff0c;高于20万部分可提5%&#xff0c;40万到六十万时高于四十万部分可提3%&am…

代码随想录算法训练营第五十二天|LeetCode300 最长递增子序列、LeetCode674 最长连续递增序列、LeetCode718 最长重复子数组

300.最长递增子序列 思路&#xff1a;确定dp数组及其下标含义&#xff0c;dp[i]表示以nums[i]为结尾的最长递增子序列长度。递推公式&#xff0c;遍历i以前的子序列&#xff0c; 如果nums[i]>nums[j]&#xff0c;dp[i]就等于max(dp[i],dp[j]1),找到当前最长的递增序列长度。…

备战蓝桥杯Day29 - 拼接最大数字问题

问题描述 有n个非负整数&#xff0c;将其按照字符串拼接的方式拼接为一个整数如何拼接可以使得得到的整数最大? 例: 32,94,128,1286,6,71可以拼接除的最大整数为 94716321286128。 问题思路 1.比较两个字符串的第一个数字&#xff0c;数值大的在前面&#xff0c;数值小的在…

算法打卡day21|回溯法篇01|理论知识,Leetcode 77.组合

回溯法理论知识 回溯法也可以叫做回溯搜索法&#xff0c;它是一种搜索的方式。回溯是递归的副产品&#xff0c;只要有递归就会有回溯。所以回溯函数也就是递归函数&#xff0c;指的都是一个函数。 回溯法的效率 回溯法并不是什么高效的算法。因为回溯的本质是穷举&#xff0c;…

win提权第二弹服务提权

阅读须知&#xff1a; 探索者安全团队技术文章仅供参考,未经授权请勿利用文章中的技术资料对任何计算机系统进行入侵操作,由于传播、利用本公众号所提供的技术和信息而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者 本人负责&#xff0c;作者不为此承担任何责任,如…

python多进程调用class类遇到的坑

测试环境 Python 3.9.17 系统&#xff1a;macOS Ventura 13.0.1 测试1 多进程采用test.run方式调用函数。 发现&#xff0c;调用的test.run 函数没运行 def multiprocessing_get_slow_log():pool Pool(3)sp Spider()conn sp.mysql_conncur conn.cursor()sql "&qu…

使用STM32 再实现电动车防盗

项目需求 点击遥控器 A 按键&#xff0c;系统进入警戒模式&#xff0c;一旦检测到震动&#xff08;小偷偷车&#xff09;&#xff0c;则喇叭发出声响报警&#xff0c; 吓退小偷。 点击遥控器 B 按键&#xff0c;系统退出警戒模式&#xff0c;再怎么摇晃系统都不会报警&…

Java并发编程-Java中的锁

1.简介 Java 中的锁是用于控制多线程对共享资源访问的一种机制&#xff0c;以防止数据的不一致性和脏读。Java 提供了多种锁机制&#xff0c;包括内置的同步机制&#xff08;synchronized&#xff09;和在 java.util.concurrent.locks 包中提供的显式锁&#xff08;如 Reentra…

3an推客是什么?有哪些优势

商家如何提升站外流量的?站外推广营销工具3an推客&#xff0c;帮助大家提升站外流量&#xff0c;为新品破零&#xff0c;打造爆款。一起来了解这个工具吧。 一、什么是3an推客 3an推客是一种站长联盟合作推广&#xff0c;其中CPS模式按照实际成交额计费的站外广告投放工具&a…

python编程之黑洞文件

之前我们学习了Python的爬虫及反爬技术&#xff0c;今天我们就来了一个恶作剧程序&#xff01; 这里主要涉及到Python的os,time&#xff0c;shutil这几个库 作用:它可以重复删除指定目录内的所有文件&#xff0c;千万不要小瞧这个功能&#xff0c;如果你指定的目录是像手机安…

3.6 条件判断语句cmp,je,ja,jb及adc、sbb指令

汇编语言 1. adc指令 adc是带进位加法指令&#xff0c;它利用了CF位上记录的进位值指令格式&#xff1a;adc 操作对象1&#xff0c;操作对象2功能&#xff1a;操作对象1 操作对象1 操作对象2 CF例如&#xff1a;adc ax,bx&#xff0c;实现的功能是&#xff1a;ax ax bx …

PyCharm中设置代码模版

前言 新创建一个.py文件后&#xff0c;我们总需要在开头写一些必要的代码&#xff0c;有什么方法能够一劳永逸&#xff0c;让这些代码自动生成呢&#xff1f; 有&#xff0c;它就是代码模版。 设置代码模版 这里先说说如何设置它。 步骤&#xff1a;首先打开PyCharm&#xff0…

隐私计算笔记(1)

一、可信流通体系 建立数据来源可确认、使用范围可界定、流通过程可追溯、安全风险可防范的数据可流通体系。 二、产生信任的基石 身份可确认利益可依赖能力有预期行为有后果 三、数据流通不可信风险 内循环&#xff1a;在内部循环中&#xff0c;数据持有方在其自身的运维…

MySQL介绍

一、MySQL数据库介绍 1、发展史 1996年 MySQL1.0 2008年1月16日 Sun公司收购了 MySQL 2009年4月20日 Oracle收购了Sun公司 MySQL是一种开放源代码的关系型数据库管理系统 使用最常用的数据库管理语言 SQL&#xff08;结构化查询语言&#xff09; MySQL是开放源代码的 因此所有…

c#使用onnxruntime调用yolo模型导出的onnx模型分割图片

1.今天写下c#中怎么使用yolo模型系列导出的onnx分割图片 2.yolo训练好后&#xff0c;把模型导出为onnx模式。 3.导出模型为onnx模式后&#xff0c;在window中要引用&#xff0c;可以使用 Microsoft.ML.OnnxRuntime库 4.window系统要求win10或者更高&#xff0c;vs用vs2022或更高…

【Kotlin】扩展属性、扩展函数

1 类的扩展 Kotlin 提供了扩展类或接口的操作&#xff0c;而无需通过类继承或使用装饰器等设计模式&#xff0c;来为某个类添加一些额外的属性或函数&#xff0c;我们只需要通过一个被称为扩展的特殊声明来完成。通过这种机制&#xff0c;我们可以将那些第三方类不具备的功能强…