Flutter 容器Container嵌套Container出现内部Container设置宽高属性不生效问题分析

最新推荐文章于 2024-07-22 19:44:02 发布

Pillar~

最新推荐文章于 2024-07-22 19:44:02 发布

阅读量2.7k

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/Pillar1066527881/article/details/110878546

版权

Flutter 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

1、问题描述:
Container嵌套Container,内部Container设置宽高属性不生效,即使设置constraints约束也不生效

2、解决方案:
取消两个Container的宽高设置,使用constraints去约束宽高即可限制内部的Container的宽高(注意不要设置宽高,原因看源码)

Container(
 constraints: BoxConstraints(maxHeight: 60),
 child:Container(
   constraints: BoxConstraints(maxHeight: 45),
   )
)

3、源码分析:
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Pillar~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

flutter源码分析——给Container设置的宽高为什么不生效？

m0_46532143的博客

01-15

3819

提出问题探究这个问题的契机是这样一小段代码： @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("test"), ), body: Container( color: Colors.red, child:AspectRatio( aspectRatio:

element布局容器大小_让Element-ui的Container布局容器高度百分百显示

weixin_33110431的博客

01-17

2663

使用Element(2.13.1版本)的Container布局容器布局，按照官网的代码运行后不能撑开整个页面，只能显示一段高度，代码如下：HeaderleftMain那如何让它高度百分百显示呢？给html、body、#app及最外层.el-container的height设置100%即可。index.html：demo1html,body {margin: 0;height: 100%;}app....

参与评论您还未登录，请先登录后发表或查看评论

【Flutter 问题系列第 28 篇】Container 嵌套 Container 时，明明指定了子组件的宽高，为什么不起作用？

“Allen Su”的博客

07-11

2486

Container 嵌套 Container 时，明明指定了子组件的宽高，为什么不起作用？

【Flutter 问题系列第 83 篇】Flutter 中两个 Container 之间出现分割线的原因及解决方案

最新发布

“Allen Su”的博客

07-22

755

博文当前所有 Flutter SDK：3.16.6、Dart SDK：3.2.3。

【非常难受】Flutter Container宽高不生效的背后

08-25

1777

写Flutter你一定也碰到过给Widget设置了宽高但是不生效的情况，然后你去网上搜或是问AI，解决方式一般是让你包一层Expanded/Center/Align或是设置alignment参数，你一试，不报错了，便继续手头的开发工作，但是下一次还会遇到别的布局问题，要么出现了黄黑条框框，要么直接报错连程序都跑不起来。其实会碰到这些问题的本质是你在用写Web的布局思维写Flutter。虽说熟能生巧，但是Flutter的Widget那么多，咱不可能每个都记下来啊，总归要有一个通用的方法论作为开发指导吧？

Flutter 开发子组件Container宽高设置无效，总是撑满父组件

Sakuramissing的博客

01-03

1058

Flutter 开发子组件Container宽高设置无效，总是撑满父组件，设置alignment: Alignment.center解决问题

Flutter Container设置 width 无效

yujunlong3919的专栏

02-03

6569

文章目录布局组件和容器组件BoxContraints机制布局组件 Row Column解决办法布局组件和容器组件容器类Widget和布局类Widget都作用于其子Widget，不同的是：布局类Widget一般都需要接收一个widget数组（children），他们直接或间接继承自（或包含）MultiChildRenderObjectWidget ；而容器类Widget一般只需要接收一个子W...

flutter Container嵌套使用给子控件设置大小后不起作用

studer_rui的博客

05-10

772

解决的方式有多种，其中最简单的就是在子组件外层套 Center 组件，查看 Center 组件的源码可知，被 Center 组件包裹的子组件，该子组件将不再受父组件的尺寸约束。Center 组件又是继承自 Align 组件的，所以用 Align 组件嵌套子组件也是可以的。给子组件设置的宽高都为 50 ，而父组件约束的最小宽高分别为屏幕宽度和高度，子组件的宽高不满足父组件的约束，所以当我们给子组件设置了宽高时，并没有起到作用，所以子组件会充满父组件。明明已经指定了子组件的宽高，为什么没有效果呢？

Flutter 中 IconButton 点击效果未生效

chiceT的博客

07-19

4298

Flutter 出了有段时间了，也在逐渐迭代版本，当然坑也都是逐渐踩出来的今天来聊个IconButton 点击效果(水波纹)丢失的问题，其他带水波纹效果的同理。当你兴致冲冲的撸了一段代码，比如这样的咱们先忽略为啥不用自带的效果啥的，就是想自己造(练)轮(代)子(码)，结构简单嘛，按照 Flutter 的思路一层一层套，Container啊、Stack啊、Text啊、IconButton啊…...

Flutter 笔记 | Flutter 可滚动组件

川峰的博客

05-26

4354

Flutter实现动态化更新-技术预研

2401_84537540的博客

04-30

500

webview增强【植入腾讯 X5内核，模型升级改造】UI库模板化各大厂动态化架构对比Fair是“58同城”为Flutter设计的动态化框架，通过Fair Compiler工具实现JSON配置和原生Dart源文件的自动转化，从而动态更新Widget Tree和State。使用介绍官方并没有维护pub上的Fair插件，我们需要去GitHub fork源码下来编写demo。准备一份配置好的JSON文件，然后直接调用FairWidget传入文件路径即可显示，非常简单。/// 基本使用),

Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化

川峰的博客

05-29

1639

Flutter Container 参数详解

热门推荐

陈英有

10-12

2万+

1 基本内容 1.1 继续关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Container 注：所有控件都是Widget的子类！ 1.2 介绍一个便利的控件，结合了常见的绘画，定位和大小调整。 1.3 行为由于Container结合了许多其他...

（两百六十三）Flutter - 学习处理边界约束 (Box constraints) 的问题

JT的专栏

05-31

2549

https://flutter.cn/docs/development/ui/layout/box-constraints 处理边界约束 (Box constraints) 的问题 Flutter 中的 widget 由在其底层的 RenderBox 对象渲染而成。渲染框由其父级 widget 给出约束，并根据这些约束调整自身尺寸大小。约束是由最小宽度、最大宽度、最小高度、最大高度四个方面构成；尺寸大小则由特定的宽度和高度两个方面构成。一般来说，从如何处理约束的角度来看，有以下三种类型的渲染框：

flutter swiper高度怎么自适应，如图，如果它的父元素container不设高度height，则swiper不显示，怎么才能让swiper的高度由内容...

weixin_34261415的博客

04-08

6841

转载于:https://juejin.im/post/5caab2e9f265da24cf311d69

Flutter开发二 Flutter Widget 之Container

带你装逼带你飞的专栏

11-15

2686

1 前言 Container 是一个比较基础和常用的Widget,在Flutter中主要用作背景，或者padding等。Container的定义如下 **定义：**是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget。可以得出几个信息，它是一个组合的widget，内部有绘制widget、定位widget、尺寸widget。后续看到...

Flutter的BoxConstraints

LiuMH2011的专栏

09-03

424

在css中，有min-height, max-height, min-width, max-width样式；在Flutter中想设定这些样式，就得用BoxConstraints类；而且跟css样式一样，BoxConstraints约束会被其child继承； ConstrainedBox( constraints: BoxConstraints( minHeight: 30, minWidth: 30, maxHeight: 100,

flutter Container 设置最大,最小高度宽度

仰望星空

01-01

8406

喜欢可以加群号:913934649 设置其属性为: constraints: BoxConstraints( minWidth: 180, minHeight: 50, ),

Flutter学习之Base64加密及解密

Pillar的专栏

04-10

1万+

1、导包： import 'dart:convert'; 2、使用方法： /* * Base64加密 */ static String encodeBase64(String data){ var content = utf8.encode(data); var digest = base64Encode(content); return digest; ...

flutter中的Container容器设置为圆角矩形

07-14

在Flutter中，要将Container容器设置为圆角矩形，您可以使用Container的decoration属性和BoxDecoration的borderRadius属性。以下是一个示例： ```dart Container( width: 200, height: 200, decoration: BoxDecoration( color: Colors.grey, borderRadius: BorderRadius.circular(10), ), child: Text("这里是容器的内容"), ) ``` 在这个示例中，我们创建了一个Container容器，并使用decoration属性来定义其装饰。BoxDecoration是一个用于定义装饰效果的类，我们通过设置它的color属性来指定背景颜色，并使用borderRadius属性来设置圆角半径，这里设置为10。您可以根据需要调整width、height、color和borderRadius等属性，以满足您的具体要求。将上述代码添加到您的Flutter项目中，即可创建一个圆角矩形的Container容器。