首页 > 其他分享 >如何创建SliverApp的效果

如何创建SliverApp的效果

时间:2024-10-12 23:22:05浏览次数:9  
标签:效果 title 创建 AppBar 介绍 SliverAppBar SliverApp 组件 属性

文章目录

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

在这里插入图片描述

1. 概念介绍

我们在本章回中介绍的SliverAppBar和普通的AppBar类似,它们的不同之处在于SliverAppBar创建的内容可以折叠和展开,因此它主要和SliverList等组件配合
使用,这样就可以创建一个滑动时折叠或者展开的标题,这样可以丰富标题的内容。本章回中将详细介绍SliverAppBar的使用方法。

2. 使用方法

和其它组件一样SliverAppBar提供了相关的属性来控制自己,下面是常用的属性,掌握这些属性就可以使用SliverAppBar了。

  • title属性:主要用来显示标题,和普通AppBar中的title一样;
  • backgroundColor属性:主要用来控制appBar的背景颜色;
  • collapsedHeight属性:主要用来控制AppBar关闭时的高度;
  • expandedHeight属性:主要用来控制AppBar展开时的高度;
  • flexibleSpace属性:主要用来存放AppBar展开时的内容;
    上面介绍的这些属性中我重点介绍一下flexibleSpace属性,该属性是Widget类型,因此我们需要使用组件给它赋值,常用FlexibleSpace类型的组件给它赋值,该
    组件属于容器类组件,它本身只负责装饰,而不显示具体的内容,具体的内容在background属性对应的组件中。我们将在后面的小节中通过代码来演示它的用法。

3. 示例代码

SliverAppBar(
  title: const

标签:效果,title,创建,AppBar,介绍,SliverAppBar,SliverApp,组件,属性
From: https://blog.csdn.net/talk_8/article/details/142860177

相关文章

  • 类与对象的创建
    1.类的定义类是抽象的,它是对某一事物整体进行描述,不能具体代表一个事物。比如:学生、老师、动物、植物2.对象的定义对象是具体的,是抽象概念的具体实例。比如:学生小明、老师张三3.类的创建1.类由两部分组成,第一个是属性,即字段(intname;)另一个是方法。2.创建类时,尽量不使用mai......
  • JAIN SLEE 服务创建过程 (创建一个服务)
    JAINSLEE服务创建过程(创建一个服务)根据JAINSLEE1.1规范,创建服务遵循特定步骤,包括定义、定制、打包和部署服务。以下是关键部分的解释以及XML节点的注释说明。1.服务定义定义服务时,需要确定服务的组成部分,例如服务构建块(ServiceBuildingBlocks,SBB)以及它......
  • 【试了下Canvas效果杠杠的】OpenAI在2024年10月3号最新发布的gpt-4o with canvas模型
    2024年10月3日,OpenAI推出了名为“GPT-4owithCanvas”的新功能,该功能旨在提高写作和编程任务的协作体验。Canvas提供了一种与传统聊天不同的交互方式,它允许用户在一个单独的窗口中与ChatGPT进行深度合作,进行详细的内嵌反馈、针对性的编辑以及内容重写。在编程方面,Canvas......
  • proteus-7.8的安装教程+安装产生的问题+创建桌面快捷方式
    20241012,记录一下老师教的Proteus7.8的安装过程,以及自己在安装过程中产生的问题目录安装过程1-21出现Nolicencekeyisinstalled的问题解决方法,请看8proteus的破解方法,请看17-20寻找proteus,创建桌面快捷方式,请看211.新建一个文件夹,Proteus(建议放在D盘)2.解压Proteus-......
  • 创建的对象与class 对象的区别,两者之间的关系
    什么是class对象Class对象保存每个类型运行时的类型信息,如类名、属性、方法、父类信息等等。在JVM中,一个类只对应一个Class对象可以将java中的class对象看成一个模具,我们new出来的对象,则是通过模具按压出来的具体模型,模型里面的各种颜色各不相同(对象内的成员)class对象的特......
  • python延时效果print逐个打印字符
    我想让python打印类似“正在加载。。。”,把每个句号逐个打印出来,并且它们之间的打印间隔睡眠时间0.5秒间隔实现方法:#!/bin/envpython#-*-coding:utf-8-*-importsysimporttimedefslow(msg,text):print(msg,end='')foriintext:print(i,end=''......
  • hexo-开源框架-创建博客
    hexo-开源框架-创建博客导语现在随着计算机的飞速发展,拥有一个属于自己的博客,是一件非常平常的事。使用hexo搭建一个属于自己的个人博客,是即快捷又美观的一种方式,也是非常受到人们的喜爱的。hexo介绍Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成......
  • css3小球上下移动效果
    .ball-item{height:96px;width:96px;display:flex;justify-content:center;align-items:center;background:url('@/assets/nav-big-screen/ball.png')no-repeat100%/100%100%;color:......
  • 【Java】创建对象的几种方式
    【Java】创建对象的几种方式合集-Java基础(11)1.【Java】Integer包装类缓存(cache)05-092.【java】Java之关于基本数据类型和引用数据类型的存放位置05-093.【java】ArrayList和LinkedList的区别05-104.【java】【集合类】HashMap与HashTable的区别05-105.【Java】的四种引用......
  • Django项目的创建及说明(详细图解版)
    Django项目的创建及说明1、安装Django2、创建项目2.1、利用终端创建项目2.2、利用Pycharm企业版创建项目3、默认文件介绍1、安装Django在终端输入下述命令行。pipinstalldjango安装成功后执行如下命令查看Django是否安装好,若正确显示出Django版本号则安装成功......