2024年最全Flutter 基础篇(十七)—— 尺寸限制容器,一次哔哩哔哩面试经历

写在最后

对程序员来说,很多技术的学习都是“防御性”的。也就是说,我们是在为未来学习。我们学习新技术的目的,或是为了在新项目中应用,或仅仅是为了将来的面试。但不管怎样,一定不能“止步不前”,不能荒废掉。

![
[]


文章以下内容会给出阿里与美团的面试题(答案+解析)、面试题库、Java核心知识点梳理等

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

),

child: Container(

height: 10,//此处不会生效,因为上面已经规定了最小的高度80了,要这个属性生效必须设置为比80大的数值

child: DecoratedBox(

decoration: BoxDecoration(

color: Colors.pink

),

),

),

);

}

}

上面的例子中,通过 BoxConstraints 来设置限制条件,它的定义如下:

const BoxConstraints({

this.minWidth = 0.0, //最小宽度

this.maxWidth = double.infinity, //最大宽度

this.minHeight = 0.0, //最小高度

this.maxHeight = double.infinity //最大高度

})

除此以外,它还定义了一个便捷的构造函数,比如 BoxConstraints.tight(Size size) 生成给定大小的限制;BoxConstraints.expand() 可以用于生成一个尽可能大的填充容器。

SizedBox


SizedBox 用于给子元素指定固定的宽高,示例:

class ConstrainedWidget extends StatelessWidget{

@override

Widget build(BuildContext context) {

return SizedBox(

//直接通过宽高属性来限制了子组件的大小

width: 80,

height: 80,

child: DecoratedBox(

decoration: BoxDecoration(

color: Colors.pink

),

)

);

}

}

运行结果就是一个 80 * 80 的小方块,在此就不上图片了。

多重限制


如果一个组件有多个限制,意思就是多个 ConstrainedBox ,那么哪个会生效呢?看一个示例:

class ConstrainedWidget extends StatelessWidget{

@override

Widget build(BuildContext context) {

return ConstrainedBox(

//限制条件:最小宽度60,最小高度60

constraints: BoxConstraints(

minWidth: 60,

minHeight: 60

),

child: ConstrainedBox(

//限制条件:最小宽度90,最小高度20

constraints: BoxConstraints(

minWidth: 90,

minHeight: 20

),

child: DecoratedBox(

decoration: BoxDecoration(

color: Colors.pink

),

),

),

);

}

}

上面的组件 DecoratedBox 有两个限制容器,他们的限制条件都不同,最后生效的是:宽90,高60.

尾声

最后,我再重复一次,如果你想成为一个优秀的 Android 开发人员,请集中精力,对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。

这里,笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验,筹备近6个月最新录制的,相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题,包括了Android进阶所有学习资料,Android进阶视频,Flutter,java基础,kotlin,NDK模块,计算机网络,数据结构与算法,微信小程序,面试题解析,framework源码!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 14
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值