Flutter报错:BoxConstraints forces an infinite width.

最新推荐文章于 2024-03-24 12:04:37 发布
原创 最新推荐文章于 2024-03-24 12:04:37 发布 · 1.1w 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解决Flutter开发中遇到的布局报错“BoxConstraints forces an infinite width”。通过调整Stack中Positioned组件的宽度设置，避免使用double.infinity，采用Align替代或限制Positioned的left和right属性，确保布局正确且不引发异常。

今天遇到一个布局报错BoxConstraints forces an infinite width.

布局如图所示:

我把报错信息也贴一下:

在这里我们要注意,当Stack中使用Positioned的时候，要注意限制Positioned宽度为具体宽度，不能设置double.infinity之类的,

解决方法：1.如果能用Align替代 使用Align  我这里解决办法就是使用Align替代，

2.给如果要宽度充满父Widget,可以给Postioned限制left:0,right:0,这样就充满父Widget 而且不会报错

解决flutter 错误: 程序包androidx.lifecycle不存在问题
09-07
主要介绍了解决flutter 错误: 程序包androidx.lifecycle不存在问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Flutter编译报错:The method ‘CachedNetworkImageProvider.load’ has fewer positional
01-07
报错信息 Compiler message: ../../../.pub-cache/hosted/pub.flutter-io.cn/cached_network_image-1.1.3/lib/src/cached_network_image_provider.dart:42:24: Error: The method 'CachedNetworkImageProvider.load'...
Flutter Column 子组件高度充满（BoxConstraints forces an infinite height）
瞬神_夜一的专栏
12-31 6494
写布局遇到了一个bug，BoxConstraints forces an infinite height 2021-12-31 14:53:54.959 23302-23398/com.example.my_fllutter_test I/flutter: 错误信息1：BoxConstraints forces an infinite height. These invalid constraints were provided to RenderConstrainedBox's layout(
flutter报错BoxConstraints forces an infinite width.
m0_47265814的博客
12-28 1685
使用场景是在stack下的position中使用宽度设置时报错的 child:Stack( children:<Widget>[ Positioned( width:double.infinity, height:150, child:Image.asset('images/zsbk.jpg',fit:BoxFit.fitWidth), ), ]) 所以，代码改为 final size = MediaQuery.of(context).size;// 获取屏幕尺寸 Positio
Flutter 使用Positioned 时异常BoxConstraints forces an infinite width.
u011050129的博客
02-26 3327
The following assertion was thrown during performLayout(): BoxConstraints forces an infinite width. These invalid constraints were provided to RenderSemanticsAnnotations's layout() function by the fo...
解决Flutter报错boxconstraints has non-normalized height/width constraints
adojayfan的博客
12-01 1423
BoxConstraints has non-normalized height constraints.The offending constraints were: BoxConstraints(0.0
【译】Flutter _ 深入理解布局约束
2401_83703866的博客
03-24 1161
我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？我建议各位，多刷刷面试题，知道最新的技术，每三个月可以去面试一两家公司，因为你已经有不错的工作了，所以可以带着轻松的心态去面试，同时也可以增加面试的经验。我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。
真机调试 Flutter 报错：Lookup failed: title in @getters in MyHomePage in package:flutter_demo02/main.dart
林炫的博客
12-10 990
The following _CompileTimeError was thrown building MyHomePage(dirty, dependencies: [_InheritedTheme, _LocalizationsScope-[GlobalKey#34833]], state: _MyHomePageState#2db8a): The relevant error-causing widget was: MyHomePage
Flutter使用小技巧三（持续更新）
吴唐人的博客
04-04 1468
Flutter使用小技巧三（持续更新...）
Flutter 初学者必读的高级布局规则
Java和Android架构
11-18 594
对于Flutter学习者来说，掌握Flutter的布局行为，直接决定了开发者在布局的时候是否能做到高效、快速的开发，但是初学者面对茫茫多的Widget以及各种无法预料的布局行为，总是很难...
Flutter灵活布局要掌握的两个控件Expanded和Flexible
江上清风山间明月的博客
06-03 1424
在Flutter中，Expanded和Flexible是两个用于控制子组件尺寸的Widget，它们都可以用于实现灵活的布局。Expanded Widget会自动将子组件的尺寸扩展到父组件剩余的空间，而 Flexible Widget 则会自动调整子组件的尺寸以适应父组件的尺寸。具体来说，Expanded Widget 会尽可能地扩展子组件的大小，以使其占据父组件的所有可用空间。如果需要控制子组件的最大和最小尺寸，可以使用Expanded的child属性，将子组件包装在一个ConstrainedBox中。
Flutter 布局报错The following assertion was thrown during performLayout():
excelee
12-22 4626
编写 flutter 代码碰到一个错误 ======== Exception caught by rendering library ===================================================== The following assertion was thrown during performLayout(): BoxConstraints force...
使用 AspectRatio Widget
17 的博客
01-30 386
AspectRatio widget 是用来约束宽高比例的，如果你需要 widget 必须要有一定的宽高比，这个组件就很有用。
flutter开发过程坑收集(二) coding相关
perfectnihil的博客
06-26 1115
1.Row 里面套 textfield报错 The following assertion was thrown during performLayout(): BoxConstraints forces an infinite width. Row 里面嵌套textfield就报错。。。 解决：外面套个expanded Expanded( child: TextFi...
Flutter中的TextFiled不可以直接在Row中使用的问题
分享Android开发知识
07-11 2031
1.直接在Row中使用TextField会报错 flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ flutter: The following assertion was thrown during performLayout()...
（七）Flutter 布局 创建小部件 自定义view 关于布局的一些属性 mainAxis SizeBox Alignment stack AspectRatio ConstrainedBox
丿灬安之若死
12-14 2947
选自----------------- flutter开发 主要内容 创建LayoutDemo小部件 创建可配置图标徽章IconBadege 小部件 Row与Column mainAxis:主轴与crossAxis 交叉轴 SizeBox 固定尺寸的盒子 Alignment 对齐 stack 一摞小部件 AspectRatio 宽高比 ConstrainedBox 带限制的...
Flutter Socket连接
热门推荐
ulddfhv的专栏
07-30 1万+
废话不多 直接上代码: 记得把host.port.和发送的参数换成你自己的 import 'dart:io'; import 'dart:async'; class SocketManage { static String host='xxx.xxx.xxx.xxx'; static int port=80; static Socket mSocket; static...
Flutter报错:type '_InternalLinkedHashMap String, dynamic' is not a subtype of type 'String'
ulddfhv的专栏
12-19 1万+
今天遇到一个问题 在使用FutureBuilder的时候 snapshot.data能正常获取到值，但是在取其中的数据(snapshot.data)['realData']打印的时候报错 type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'String' 从报错信息来看可以知道是类...
Flutter 使用Navigator.popUntil()报错Bad state: Future already completed
ulddfhv的专栏
02-27 1万+
有一个需求 从A->B->C->D 结束后返回A页面 ，但是因为判断条件的不同B页面可能会走可能不走,所以如果使用 Navigator.of(context)..pop()..pop(); 这种方式不太方便，希望能有个简单点的方法 ，于是使用popUntil方法返回 static void popUntil(BuildContext context, Rout...
flutter开发报错:snapshot error: Unable to load asset: assets/images/logo.png
最新发布
11-26
在 Flutter 开发中出现 `snapshot error: Unable to load asset: assets/images/logo.png` 错误，通常是由于资源路径配置或打包问题导致的。以下是一些可能的解决办法： ### 1. 检查 `pubspec.yaml` 文件 在 Flutter 中，需要在 `pubspec.yaml` 文件里正确声明所有的资源文件。确保 `assets` 部分正确配置了图片路径，示例如下： ```yaml flutter: assets: - assets/images/logo.png ``` 注意缩进要严格按照 YAML 格式，冒号后面需要有一个空格。 ### 2. 同步资源 在修改 `pubspec.yaml` 文件后，需要同步项目资源。可以通过以下方式： - 在 VS Code 中，点击 `Flutter: Pub get` 命令。 - 在终端中，进入项目根目录，运行 `flutter pub get` 命令。 ### 3. 检查图片路径 确保图片文件确实存在于项目的 `assets/images` 目录下，并且文件名大小写一致。在 Flutter 中，路径是区分大小写的。 ### 4. 清除缓存并重新构建 有时候缓存可能会导致资源加载问题，可以尝试清除缓存并重新构建项目： - 在终端中，进入项目根目录，运行 `flutter clean` 命令清除缓存。 - 然后再运行 `flutter run` 重新构建并运行项目。 ### 5. 检查 iOS 项目配置 如果是在 iOS 平台遇到问题，参考类似的资源路径问题解决思路，可能是 iOS 工程项目中没有相应的依赖包。可以像解决 `Failed to find assets path for “Frameworks/App.framework/flutter_assets”` 问题一样，检查访达里的文件，将缺失的文件添加到 iOS 项目中 [^2]。 ### 6. 检查 Android 项目配置 如果是在 Android 平台遇到问题，由于原来图片资源按照 Android 的规范放在各个 `drawable` 目录，而 Flutter 默认将所有图片资源文件打包到 `assets` 目录下，要确保资源正确迁移到 `assets` 目录，或者正确配置了混合引用的方式 [^1]。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值