当前位置: 首页 > news >正文

flutter创建不同样式的按钮,背景色,边框,圆角,圆形,大小都可以设置

在ui设计中,可能按钮会有不同的样式需要你来写出来,所以按钮的不同样式,应该是最基础的功能,在这里我们赶紧学起来吧,web端可能展示有问题,需要优化,但是基本样式还是出来了

我是将所有的按钮放在了Column中: 

Column(children: [ElevatedButton(onPressed: () {},child: Text("红色按钮"),style: ButtonStyle(backgroundColor: MaterialStateProperty.all(Colors.red),foregroundColor: MaterialStateProperty.all(Colors.black),),),OutlinedButton(onPressed: () {}, child: Text("边框按钮")),ElevatedButton(onPressed: () {},child: Text("圆角"),style: ButtonStyle(shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)))),),ElevatedButton(onPressed: () {},child: Text("圆形"),style: ButtonStyle(shape: MaterialStateProperty.all(CircleBorder())),),//   大一点的按钮Container(width: 90,height: 60,margin: EdgeInsets.only(bottom: 10),child: ElevatedButton(child: Text("大按钮"),onPressed: () {},),),//   大圆形按钮SizedBox(width: 90,height: 60,child: ElevatedButton(onPressed: () {},child: Text("大圆形"),style: ButtonStyle(shape: MaterialStateProperty.all(CircleBorder())),),)],)

相关文章:

flutter创建不同样式的按钮,背景色,边框,圆角,圆形,大小都可以设置

在ui设计中,可能按钮会有不同的样式需要你来写出来,所以按钮的不同样式,应该是最基础的功能,在这里我们赶紧学起来吧,web端可能展示有问题,需要优化,但是基本样式还是出来了 我是将所有的按钮放…...

【C++】标准模板库STL作业(其二)

🎃个人专栏: 🐬 算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客 🐳Java基础:Java基础_IT闫的博客-CSDN博客 🐋c语言:c语言_IT闫的博客-CSDN博客 🐟MySQL&#xff1a…...

基于SpringBoot+Redis实现点赞/排行榜功能,可同理实现收藏/关注功能,可拓展实现共同好友/共同关注/关注推送功能

前言 简单记录一下在SpringBoot项目中,使用Redis实现点赞/排行榜功能,可同理实现收藏/关注功能,可拓展实现共同好友/共同关注/关注推送功。主要用到了Redis中的Set集合和ZSet集合。 一、指定使用某个索引的数据库 在Redis中,可…...

AI“胡说八道”?怎么解?

原创 | 文 BFT机器人 01 引言 近年来,人工智能产业迅猛发展,大型语言模型GPT-4发展势头强劲,OpenAI推出ChatGPT、微软推出Bing、马斯克推出“最好的聊天机器人Grok”……科技巨头纷纷入局AI领域,引入人工智能作为办公工具的行业…...

[SIGGRAPH-23] 3D Gaussian Splatting for Real-Time Radiance Field Rendering

pdf | proj | code 本文提出一种新的3D数据表达形式3D Gaussians。每个Gaussian由以下参数组成:中心点位置、协方差矩阵、可见性、颜色。通过世界坐标系到相机坐标系,再到图像坐标系的仿射关系,可将3D Gaussian映射到相机坐标系,通…...

大话设计模式C++实现

大话设计模式,讲得非常好,但是作者是用C#写的,为了方便C程序员,使用C写了大话设计模式的代码 详情见Github:https://github.com/liubamboo/BigTalkDesignPattern...

IT 领域中的主要自动化趋势

48%的IT自动化流程属于IT服务管理,过去一年中,IT运维自动化增长了272%。 IT部门从交付者转变为战略伙伴 今年的《工作自动化指数》数据显示,自动化正在蔓延到组织的各个部门,越来越多的部门采用自动化,并且IT以外的员工…...

使用Python解析CAN总线

缘起 在新能源车辆的开发和维护中,经常需要对CAN总线数据进行分析。CANOE等总线软件虽然方便,但功能有限,难以满足数据分析的要求。Matlab的Vehicle Network Toolbox可以方便的进行数据解析和分析,它是闭源且收费的。因此&#x…...

DevExpress中文教程 - 如何在macOS和Linux (CTP)上创建、修改报表(下)

DevExpress Reporting是.NET Framework下功能完善的报表平台,它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集,包括数据透视表、图表,因此您可以构建无与伦比、信息清晰的报表。 DevExpress Reports — 跨平台报表组件&#x…...

RAID的应用场景以及优缺点

RAID 0(条带化): 工作原理: 数据被分成块,每个块写入不同的驱动器,以并行方式提高读写性能。 优势: 卓越的性能提升,特别是对于大型文件的读写操作。 劣势: 完全没有冗余,一个驱动器…...

java SpringCloud版本b2b2c鸿鹄云商平台全套解决方案 小程序商城免费搭建

使用技术: Spring CloudSpring BootMybatis微服务服务监控可视化运营 B2B2C平台: 平台管理端(包含自营) 商家平台端(多商户入驻) PC买家端、手机wap/公众号买家端 微服务(30个通用微服务如:商品、订单、购物车、个人中心、支…...

[Linux] shell脚本的函数和数组

一、函数 1.1 函数的定义 函数是脚本的别名 作用:函数可以避免代码重复,可读性强,可以简化脚本。 格式:函数名(){脚本} 1.2 如何使用函数 1.定义 2.调用 函数一定要先定义再使用 例子&#xff1a…...

万宾科技智能井盖的效果怎么样?

日常出行过程中,人们最不想看到交通拥堵或者道路维修等现象,因为这代表出行受到影响甚至会导致不能按时赴约等。所以城市路面的安全和稳定,是市民朋友非常关心的话题。骑行在路上的时候,如果经过井盖时发出异常声响,骑…...

nvm切换版本之后npm用不了

原因是 nvm只给你安了对应的node没给你安装对应的node版本的npm 解决办法如下 1找到你安装的node版本号 然后去官网下载对应的版本包 这个网址就是node官网的版本列表 Index of /download/release/ 2下载后解压 把根目录这俩复制到自己的nvm安装目录下 还有那个node_modul…...

【elementui】el-popover在列表里循环使用,取消的doClose无效解决办法

目录 一、需求效果二、代码详情html方法接口 一、需求效果 在使用elementui的Popover 弹出框时&#xff0c;需求是在table列表里使用&#xff0c;循环出来&#xff0c;无法取消。 二、代码详情 html <el-table-column v-if"checkPermission([admin,user:resetPass…...

【php】解决加载速度慢导出超时问题记录

...

postgresql安装fdw扩展

最近有同一个服务器不同数据库、不同服务器数据库之间的数据同步需求&#xff0c;使用了fdw 下面举例的是同一个服务器两个不同数据库的同步情况 1、安装扩展 create extension postgres_fdw; 在需要使用fdw的数据库都加上该扩展 2、创建fdw服务器 mlhbase_prd库 CREATE…...

反爬虫机制与反爬虫技术(二)

反爬虫机制与反爬虫技术二 1、动态页面处理与验证码识别概述2、反爬虫案例:页面登录与滑块验证码处理2.1、用例简介2.2、库(模块)简介2.3、网页分析2.4、Selenium准备操作2.5、页面登录2.6、模糊移动滑块测试3、滑块验证码处理:精确移动滑块3.1、精确移动滑块的原理3.2、滑…...

Grails 启动

Grails系列 Grails项目启动 文章目录 Grails系列Grails一、项目创建二、可能的问题1.依赖下载2.项目导入到idea失败3.项目导入到idea后运行报错 Grails Grails是一款基于Groovy语言的Web应用程序框架&#xff0c;它使用了许多流行的开源技术&#xff0c;如Spring Framework、…...

2023年亚太地区数学建模大赛 问题A

采果机器人的图像识别技术 中国是世界上最大的苹果生产国&#xff0c;年产量约为3500万吨。与此同时&#xff0c;中国也是世界上最大的苹果出口国&#xff0c;全球每两个苹果中就有一个&#xff0c;全球超过六分之一的苹果出口自中国。中国提出了一带一路倡议&#xff08;BRI&…...

HexStrike AI v6.0:基于MCP协议的AI自动化网络安全测试平台实战指南

1. 项目概述&#xff1a;当AI学会“黑”你的系统如果你是一名安全研究员、渗透测试工程师&#xff0c;或者只是一个对网络安全充满好奇的技术爱好者&#xff0c;那么你一定经历过这样的场景&#xff1a;面对一个目标&#xff0c;你需要手动调用Nmap、Gobuster、SQLMap等十几种工…...

显卡驱动残留问题终极解决方案:Display Driver Uninstaller深度使用指南

显卡驱动残留问题终极解决方案&#xff1a;Display Driver Uninstaller深度使用指南 【免费下载链接】display-drivers-uninstaller Display Driver Uninstaller (DDU) a driver removal utility / cleaner utility 项目地址: https://gitcode.com/gh_mirrors/di/display-dri…...

智能看板系统:基于事件驱动的自动化项目管理实践

1. 项目概述&#xff1a;一个能“感受”任务状态的智能看板 如果你和我一样&#xff0c;在团队协作或者个人项目管理中重度依赖看板工具&#xff0c;那你一定遇到过这样的痛点&#xff1a;看板上的卡片越来越多&#xff0c;状态更新全靠手动拖拽&#xff0c;时间一长&#xff0…...

Reference Extractor:当学术文献意外丢失时,如何3分钟内找回所有引用?

Reference Extractor&#xff1a;当学术文献意外丢失时&#xff0c;如何3分钟内找回所有引用&#xff1f; 【免费下载链接】ref-extractor Reference Extractor - Extract Zotero/Mendeley references from Microsoft Word files 项目地址: https://gitcode.com/gh_mirrors/r…...

从VIN码到冷却液温度:一个真实车载ECU诊断案例,带你吃透UDS 0x22服务

从VIN码到冷却液温度&#xff1a;实战解析UDS 0x22服务的诊断艺术 当4S店的维修技师将诊断仪插入OBD接口&#xff0c;屏幕上瞬间跳动的数据流背后&#xff0c;隐藏着一套精密的车辆"体检"系统。作为诊断协议的核心服务之一&#xff0c;UDS 0x22&#xff08;ReadDataB…...

Python语言模型实战:从Hugging Face到LangChain

1. Python语言模型入门指南语言模型&#xff08;Language Models&#xff09;已经成为当今人工智能领域最令人兴奋的技术之一。作为一名长期从事自然语言处理&#xff08;NLP&#xff09;开发的工程师&#xff0c;我见证了从简单的统计语言模型到如今强大的大语言模型&#xff…...

BERT模型解析:原理、变种与工业应用指南

1. BERT模型基础解析2018年诞生的BERT&#xff08;Bidirectional Encoder Representations from Transformers&#xff09;彻底改变了自然语言处理领域的游戏规则。作为首个真正实现双向上下文理解的预训练模型&#xff0c;它让机器开始像人类一样"读懂"语言的深层含…...

基于反思工作流的智能翻译代理:原理、实践与定制化应用

1. 项目概述&#xff1a;一个基于反思工作流的智能翻译代理最近在GitHub上看到一个挺有意思的项目&#xff0c;叫translation-agent&#xff0c;是吴恩达&#xff08;Andrew Ng&#xff09;团队开源的一个实验性项目。简单来说&#xff0c;它不是传统的“输入-输出”式机器翻译…...

从零到一:51单片机数字电子钟的完整实现与调试指南

从零到一&#xff1a;51单片机数字电子钟的完整实现与调试指南 在电子技术快速发展的今天&#xff0c;单片机作为嵌入式系统的核心&#xff0c;其应用已经渗透到我们生活的方方面面。对于电子爱好者和单片机初学者来说&#xff0c;制作一个数字电子钟无疑是一个极佳的入门项目。…...

STM32串口发送HAL_BUSY错误频发?深入HAL_UART_Transmit_IT状态机与避坑全解析

STM32串口发送HAL_BUSY错误频发&#xff1f;深入HAL_UART_Transmit_IT状态机与避坑全解析 在嵌入式开发中&#xff0c;STM32的HAL库为开发者提供了便捷的硬件抽象层接口&#xff0c;其中串口通信是最常用的外设之一。然而&#xff0c;许多开发者在实际项目中使用HAL_UART_Trans…...