flutter: Horizontal viewport was given unbounded height.

最新推荐文章于 2024-04-01 16:52:56 发布
最新推荐文章于 2024-04-01 16:52:56 发布
阅读量512 收藏
点赞数
分类专栏： Flutter bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crystal_xing/article/details/109484096
版权
在使用Flutter的PageView时遇到Horizontal viewport溢出高度的错误，导致组件无法正常显示。解决方法是在PageView外部包裹一层Flexible widget。
摘要由CSDN通过智能技术生成 
════════ Exception caught by rendering library ═════════════════════════════════════════════════════
Horizontal viewport was given unbounded height.
The relevant error-causing widget was: 
  PageView file:///Users/admin/Documents/project/GitlabFlutter/Flitm/lib/view/screen/tutorial/step_tutorial.dart:37:15
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
RenderBox was not laid out: RenderViewport#51c31 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1785 pos 12: 'hasSize'
The relevant error-causing widget was: 
  PageView file:///Users/admin/Documents/project/GitlabFlutter/Flitm/lib/view/screen/tutorial/step_tutorial.dart:37:15
════════════════════════════════════════════════════════════════════════════════════════════════════

════════
最低0.47元/天 解锁文章
Crystal_xing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter: Horizontal viewport was given unbounded height.
Crystal_xing的专栏
11-17 685
════════ Exception caught by rendering library ═════════════════════════════════════════════════════ Horizontal viewport was given unbounded height. The relevant error-causing widget was: PageView file:///Users/admin/Documents/project/GitlabFlutter/Fli.
flutter TabBarView 报Horizontal viewport was given unbounded height 错误
supming1的专栏
03-16 3109
flutter TabBarView 没有跟Scaffold 一起使用的时候，容易报Horizontal viewport was given unbounded height 错误，例如将其作为Column的子元素，就会出现该错误。错误提示意思是水平视图高是无限的，这里由于是用在Column中，所以水平应该理解为垂直方向。解决该问题就是需要在其父级添加高度限制。例如在其外层包裹Expanded...
Horizontal viewport was given unbounded height.width.
热门推荐
yechaoa
05-28 1万+
Horizontal viewport was given unbounded height. Vertical viewport was given unbounded width. 在写纵向或横向的布局的时候，一不小心就会遇到这个异常，宽度或高度溢出，导致widget不显示。 比如一个简单的例子： body: Column( children: <Widg...
Horizontal viewport was given unbounded height
yanhaijunyan的博客
08-28 726
flutter TabBarView 没有跟Scaffold 一起使用的时候，容易报 Horizontal viewport was given unbounded height 错误，例如将其作为Column的子元素，就会出现该错误。错误提示意思是水平视图高是无限的，这里由于是用在Column中，Expanded(// 设置高度。直接将TabBarView作为Column子元素，而不设置高度，会报错。例如在其外层包裹Expanded，并设置flex。header(),// 自定义组件。
A RenderFlex overflowed by xx pixels on the right/bottom
yanhaijunyan的博客
08-28 398
flutter TabBarView 没有跟Scaffold 一起使用的时候，容易报 Horizontal viewport was given unbounded height 错误，例如将其作为Column的子元素，就会出现该错误。错误提示意思是水平视图高是无限的，这里由于是用在Column中，Expanded(// 设置高度。直接将TabBarView作为Column子元素，而不设置高度，会报错。例如在其外层包裹Expanded，并设置flex。header(),// 自定义组件。
io.flutter.zip
07-23
Android Studio上运行Flutter，报错could not find io.flutter:flutter_embedding_debug的错误，需要替换以上zip文件即可，Android Studio 4.2.0, Flutter 2.2.3, Dart 2.13.4
解决flutter 错误: 程序包androidx.lifecycle不存在问题
01-03
D:\study\flutter\flutter\.pub-cache\hosted\pub.flutter-io.cn\flutter_plugin_android_lifecycle-1.0.8\android\src\main\java\io\flutter\embedding\engine\plugins\lifecycle\FlutterLifecycleAdapter.java:8: ...
mikan_flutter:Flutter 驱动的三方 蜜柑计划（https
05-08
蜜柑计划Getting StartedThis project is a starting point for a Flutter application.A few resources to get you started if this is your first Flutter project:For help getting started with Flutter, view ...
doctor-appointment-flutter:这是一款受Alex.arutuynov设计启发而制成的Ui
03-08
Doctor_companion [更新为AndroidX] 在... 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门：要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
Horizontal viewport was given unbounded height.
qq_24351075的博客
03-02 355
使用swiper时出现的错误 解决:使用在swiper外面套一个Container来限定大小
Flutter 开发小结 | Tips
沐风的博客
03-26 1190
接触 Flutter 已经有一阵子了，期间记录了很多开发小问题，苦于忙碌没时间整理，最近项目进度步上正轨，借此机会抽出点时间来统一记录这些问题，并分享项目开发中的一点心得以及多平台打包的一些注意事项，希望能对大家有所帮助????。 UI 组件使用 官方为我们提供了大量原生效果的组件，如以 Android 中常见的 Material Design 系列组件和 iOS 系统中让设计师们“欲罢不能”的 Cup...
office 2007图标_超过10亿人使用的Office，迎来全新图标设计，你见过了吗？
weixin_39754831的博客
11-27 335
原文地址：LOGO研究所图片出自：Microsoft OfficeMicrosoft Office大家应该都不陌生是我们日常工作中最常用的办公软件Word 蓝Excel绿Powerpoint 橙红office的配色使我们印象深刻近日，微软宣布即将推出全新的Office图标设计借此我们来看一下Office的图标变化2000年2003年2007年2010年2013年下面就是时隔5年...
Flutter使用了不匹配的父级 RenderObjectWidget
paradox212的博客
07-06 829
具体而言，Positioned widget 需要将类型为 StackParentData 的 ParentData 应用于 RenderObject，但是它已经设置为接受类型不兼容的 BoxParentData。通常情况下，Positioned widget 应直接放置在 Stack widget 内部，但是在此情况下，它被放置在 Padding widget 内部。记录下实际开发遇到的问题，希望不使用 AppBar，但是在导航栏实现一个顶部左边返回和右侧功能按钮，但为了适配屏幕，于是想到了把。
flutter中的text超出屏幕解决方法
weixin_42354735的博客
11-03 1万+
使用横向布局row 并且在里面添加了一个图标和一行文字，但是总是会超出布局，即使设置了overflow再调试时也会出现如下的情况 Row( crossAxisAlignment: CrossAxisAlignment.center, children: <Widget>[ ...
flutter e商城笔记
qq_36632604的博客
09-17 523
笔记
【flutter】错误：No MaterialLocalizations found.
zuiwuguo5158的博客
01-04 3467
场景是替换了一下闪屏图之后就报了这个错误，清除包啥的都不行，先记录一下 No MaterialLocalizations found. AppBar widgets require MaterialLocalizations to be provided by a Localizations widget ancestor. The material library uses Localizations to generate messages, labels, and abbreviations.
使用flutter_swiper_view布局报错EXCEPTION CAUGHT BY RENDERING LIBRARY.....The relevant error-causing widget
最新发布
weixin_51336565的博客
04-01 332
使用了来设置轮播图布局，直接使用Swiper()组件会报错：EXCEPTION CAUGHT BY RENDERING LIBRARYPageView从上面这个报错信息很容易看出是使用的 flutter_swiper_view的原因。
The relevant error-causing widget was widage
菜菜鸟的博客
06-27 8362
Flutter盒子 这是Flutter官网关于flutter 盒子约束的一段话。在Flutter中，widget由其底层的RenderBox对象渲染。 渲染框由它们的父级给出约束，并且在这些约束下调整自身大小。约束由最小宽高、最大宽高组成（这里是我个人看法，Flutter中文网翻译是，约束由最小宽度、最大宽度和高度组成 ）; 尺寸由特定的宽度和高度组成。 按照宽高约束条件来划分，flutter 盒子有三类： 无限制边界（在某一个方向，比如纵向滚动那么宽度就是受限制的而高度无边界，并不是宽高都任意大），例如
target of uri doesn't exist: 'package:flutter/material.dart'.
05-24
这个错误通常是由于在项目中没有导入 Flutter 的 material 库导致的。请确保在你的项目中添加了以下导入语句： ```dart import 'package:flutter/material.dart'; ``` 如果你已经添加了这个导入语句但仍然出现这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值