第四百四十二回

2024-04-05 05:12
文章标签 第四 四十二

本文主要是介绍第四百四十二回,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 1. 概念介绍
  • 2. 使用方法
    • 2.1 获取思路
    • 2.2 获取方法
  • 3. 示例代码
  • 4. 内容总结

我们在上一章回中介绍了"如何获取屏幕相关参数"相关的内容,本章回中将介绍如何获取AppBar的高度.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在上一间章回中介绍了获取屏幕参数相关的内容,同时也提到AppBar的高度容易与屏幕顶部状态栏的高度混淆,本章回中将介绍如何获取AppBar的高度。

2. 使用方法

2.1 获取思路

我们在获取AppBar高度时不能像获取屏幕参数一样直接读取MediaQueryData类中成员的值,因为MediaQueryData没有提供相关的成员。我们需要通过计算才可以。

我们没有直接去计算,而是巧妙地通过运行时的错误信息来获取AppBar的高度。整体的思路就是故意在页面中放一个超过页面高度的组件,运行时就会报出错误,从错误
信息中获取AppBar的高度值。

2.2 获取方法

有了整体的思路后,我们将介绍具体的实现方法,详细如下:

  • 使用Scaffold组件创建一个页面;
  • 在Scaffold代表的页面中给appBar和body属性赋值;
  • appBar中只提供title,其它属性先不赋值;
  • body的属性值为一个Container组件,它只包含一个Text组件;
  • 设置Container组件的宽度为屏幕的宽度,高度为屏幕的高度;

该方法中把Container组件的高度设置为屏幕的高度是不合理的,它已经超过了屏幕的显示范围,不过这是故意为之,通过不合理的过程让程序报错,同时计算出超出屏
幕尺寸的值就可以间接地计算出AppBar的高度。

3. 示例代码

Scaffold(appBar: AppBar(title: const Text("ListView example AppBar"),),///这个程序可以巧妙地计算出appBar的高度,通过运行时的错误,我的是56body: Container(color: Colors.lightGreen,width: screenWidth,height: (screenHeight - statusBarHeight),child: Text("body of scaffold"),),
);

上面的程序完全按照获取方法中介绍的步骤来实现,代码中的screenHeight表示屏幕的高度,statusBarHeight表示顶部状态栏的高度。

运行该程序就会出现高度不够用的错误,同时在页面上也会有黄黑条纹进行提示。我们可以在页面上和错误信息中看到具体尺寸值,这个值再减去顶部状态栏的高度就是页中AppBar的高度,下面是运行时的错误信息。///A RenderFlex overflowed by 56 pixels on the bottom.

4. 内容总结

最后,我们对本章回的内容做一个全面的总结:

  • 页面中AppBar的高度需要通过计算才可以获得;
  • 页面中子组件的长度和宽度不能超过容器的长度和宽度;
  • 我们巧妙地通过程序的错误信息计算出了AppBar的高度,不过实际中不推荐这样去做;

看官们,与"如何获取AppBar的高度"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

这篇关于第四百四十二回的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/877697

相关文章

项目实战系列三: 家居购项目 第四部分

购物车 🌳购物车🍆显示购物车🍆更改商品数量🍆清空购物车&&删除商品 🌳生成订单 🌳购物车 需求分析 1.会员登陆后, 可以添加家居到购物车 2.完成购物车的设计和实现 3.每添加一个家居,购物车的数量+1, 并显示 程序框架图 1.新建src/com/zzw/furns/entity/CartItem.java, CartItem-家居项模型 /***

C语言深度剖析--不定期更新的第四弹

哈哈哈哈哈哈,今天一天两更! void关键字 void关键字不能用来定义变量,原因是void本身就被编译器解释为空类型,编译器强制地不允许定义变量 定义变量的本质是:开辟空间 而void 作为空类型,理论上不应该开辟空间(针对编译器而言),即使开辟了空间,也只是作为一个占位符看待(针对Linux来说) 所以,既然无法开辟空间,也无法作为正常变量使用,既然无法使用,干脆编译器不让它编译变

第四讲:拟合算法

与插值问题不同,在拟合问题中不需要曲线一定经过给定的点。拟合问题的目标是寻求一个函数(曲线)使得该曲线在某种准则下与所有的数据点最为接近,即曲线拟合的最好(最小化损失函数)。 插值算法中,得到的多项式f(x)要经过所有样本点。但是如果样本点太多,那么这个多项式次数过高,会造成龙格现象。 尽管我们可以选择分段的方法避免这种现象,但是更多时候我们更倾向于得到-个确定的曲线,尽管这条曲线不能经过每

(第四十天)配置完整的考试系统,完成前端和后端并优化,mysql后端,nginx前端,java连接

回顾 1 、使用 harbor 仓库 python --version yum -y update yum -y install python2-pip pip install --upgrade pip == 20 .3 -i ....... pip install docker-compose -i .......

小白Sass教程---通过实例学Sass--第四讲--属性嵌套

CSS规则在sass中可以进行嵌套,css属性也可以进行嵌套,属性嵌套的规则是: 有中横线的属性可以拆解嵌套,以中横线为界限进行拆解,依次嵌套 废话不多说,直接上代码: .lesson3-demo2{.box{height: 100px;width: 800px;padding: {top: 20px;left: 30px;}border: {left: 5px solid #3da7f5

sqli-libs第四关详解

首先判断是数字型注入还是字符型注入 正常显示,说明是字符型注入,那么尝试单引号闭合 还是正常显示,尝试双引号闭合 有报错信息,含有括号,这时就应该想到,sql代码是("$id")这样写的了。直接采取闭合,判断字段数。 4不行,那就是3个字段,再看看哪些地方可以显示数据,把数据库名和版本也搞出来 后面就是利用information_schema这个库查询信息了,先看看s

代码随想录算法训练营四十二天|300.最长递增子序列、674.最长连续递增则序列、718.最长重复子数组

题目链接:300. 最长递增子序列 - 力扣(LeetCode) 思路:如果nums[i] > nums[j] 那么dp[i] 要么是dp[i] 要么是dp[j] + 1 class Solution(object):def lengthOfLIS(self, nums):""":type nums: List[int]:rtype: int"""dp = [1] * len(nums)for

数字芯片设计验证经验分享系列文章(第四部分):将ASIC IP核移植到FPGA上——如何测试IP核的功能和考虑纯电路以外的其他因素

作者:Philipp Jacobsohn,SmartDV首席应用工程师 Sunil Kumar,SmartDV FPGA设计总监 本系列文章从数字芯片设计项目技术总监的角度出发,介绍了如何将芯片的产品定义与设计和验证规划进行结合,详细讲述了在FPGA上使用IP核来开发ASIC原型项目时,必须认真考虑的一些问题。文章从介绍使用预先定制功能即IP核的必要性开始,通过阐述开发ASIC原型设计时需要考

Java程序员从笨鸟到菜鸟(四十二) 高并发网络模型

一、常用的处理并发网络编程方案 1. IO 多路复用模型 思路:单进程调用 select() 函数来处理多个连接请求优点:单进程可同时处理多个网络连接请求缺点:最大并发数为 1024 个,当并发数较大时,处理性能很低 2. 多进程模型 思路:当有连接请求时,主进程 fork 产生一个子进程,让子进程与客户端连接进行数据通信,当客户端主动关闭连接时,子进程结束运行优点:模式简单,易于理解,连

6月,给你的第四封信

6月的阳光逐渐增加了热辣辣的味道,早上8点的太阳,就已经让人微微出汗。    一,从北五环到南三环          6月份房租到期,jie su  二,劳累的加班路上 三,孤单走不出你的忧伤