首页 > 其他分享 >BottomSheet组件的用法

BottomSheet组件的用法

时间:2024-12-12 22:30:38浏览次数:6  
标签:Widget 窗口 介绍 用法 组件 BottomSheet 用来 属性

文章目录


我们在上一章回中介绍了AlertDialog Widget相关的内容,本章回中将介绍BottomSheet Widget.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在这里说的BottomSheet是一种弹出式窗口,和上一章回中介绍的AlertDialog类似,但是也有不同点:AlterDialog会在屏幕中间位置弹出窗口,而BottemSheet会在屏幕底部弹出一个窗口,而且可以调整窗口的大小。它主要用来显示当前页面的子内容或者与当前页面相关的操作,比如设置,筛选等,本章回中将详细介绍它的使用方法。

2. 使用方法

和其它的Widget一样,BottomSheet提供了相关的属性来控制自己,接下来我们将介绍一些常用的属性:

  • backgroundColor属性:主要用来控制窗口的背景颜色;
  • shape属性:主要用来的控制窗口的形状
  • onClosing属性:主要用来设置窗口关闭时的动作,该属性是必选参数,注意:它的类型是方法;
  • builder属性:主要用来传递上下文参数以及创建窗口中的内容,该属性是必选参数;

3. 示例代码

_bottomSheet(BuildContext context) {
   
  return BottomSheet

标签:Widget,窗口,介绍,用法,组件,BottomSheet,用来,属性
From: https://blog.csdn.net/talk_8/article/details/144381059

相关文章

  • Vue 组件样式作用域和深度选择器详解
    1.问题背景在Vue项目中使用第三方组件库(如ElementUI)时,经常会遇到需要覆盖组件默认样式的情况。但是当我们在组件中使用<stylescoped>时,会发现样式无法生效。比如以下场景:<template><div><el-message-box>...</el-message-box></div></template><styles......
  • 鸿蒙Next环境设备查询Environment用法总结
    一、概述Environment是ArkUI框架在应用程序启动时创建的单例对象,用于提供一系列描述应用程序运行状态的属性,其所有属性不可变(应用不可写入)且为简单类型,主要为AppStorage提供设备环境相关信息,以辅助应用根据设备环境做出不同的处理逻辑。二、Environment内置参数accessibilityE......
  • pip的用法
    1、pip国内镜像地址阿里云http://mirrors.aliyun.com/pypi/simple/中国科技大学https://pypi.mirrors.ustc.edu.cn/simple/豆瓣(douban)http://pypi.douban.com/simple/清华大学https://pypi.tuna.tsinghua.edu.cn/simple/中国科学技术大学http://pypi.mirrors.ustc......
  • 结合 Docker,快速掌握 Nginx 2 大核心用法
    Nginx是流行的服务器,一般用它对静态资源做托管、对动态资源做反向代理。Docker是流行的容器技术,里面可以跑任何服务。那Docker+Nginx如何结合使用呢?我们来试一下:首先要下载Docker,直接安装DockerDesktop就行:它是用来管理容器和镜像的:安装它之后,docker命令也就可......
  • 组件库开发实战:从 0 到 1 搭建企业级组件库
    深夜,我盯着屏幕上的代码发呆。作为一个中型创业公司的前端负责人,我正在思考一个问题:我们是否需要开发自己的组件库?过去一年,随着业务的快速发展,前端团队从3人扩展到了12人,项目也从1个变成了6个。每个项目都在用着不同版本的UI组件,设计规范也不统一,这让产品同学苦......
  • 【VMware VCF】管理 VCF 环境中组件的密码策略。
    使用SDDCManager中的“密码管理”功能可以统一管理VCF环境中组件的用户密码,比如更新(Update)、轮换(Rotate)以及修复(Remediate)组件的密码等,您还可以创建密码轮换调度任务,以防止因遗忘或其他原因导致密码过期及组件中断,进而影响业务。使用SoS实用程序可以检查VCF环境中组件......
  • 鸿蒙Next持久化存储PersistentStorage用法总结
    一、概述PersistentStorage是应用程序中的可选单例对象,用于持久化存储选定的AppStorage属性,确保这些属性在应用程序重新启动时的值与关闭时相同。它将属性保留在设备磁盘上,UI和业务逻辑通过AppStorage访问其属性,AppStorage中的更改会自动同步到PersistentStorage,二者建立双向同步......
  • QT自定义控件实践--滑动组件
    概述             本篇文章,会逐步带您了解,如何自定义一个QT的滑动组件操作步骤选择合适的基类继承:我们命名这个自定义控件为MySlipButton,继承自QWidget添加成员变量:根据滑动组件的特性,添加合适的成员变量,如当前值、最小值、最大值、滑块的位置等。......
  • emelemt组件常见所需数据格式
    常见的组件通常会使用对象或数组来传递数据或配置选项。以下是我为你总结的一些常用组件及其使用的数据类型(对象vs数组):1. 表格(el-table)需要数组:data:表格数据,通常是一个 数组,包含每一行的数据。html复制代码<el-table:data="tableData"><el-table-columnlab......
  • Joker 前端框架组件的生命周期
    Joker前端框架组件的生命周期在Joker框架中,组件的生命周期是一个重要的概念,它涵盖了从组件实例化到销毁的整个过程。一、生命周期概述当组件类被实例化并开始渲染其视图及其子视图时,组件的生命周期便正式开始。在这个过程中,Joker会持续进行变更检测,监控数据绑定属性的变化,......