A RenderViewport expected a child of type RenderSliver but received a child of type RenderConstraine

最新推荐文章于 2023-10-26 08:54:46 发布
原创 最新推荐文章于 2023-10-26 08:54:46 发布 · 4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter #前端

本文解析了在使用CustomScrollView时遇到的错误，原因在于试图将RenderConstrainedBox直接放置在需要RenderSliver子组件的视口内。正确做法是在非Sliver组件上使用SliverToBoxAdapter进行适配。

A RenderViewport expected a child of type RenderSliver but received a child of type RenderConstrainedBox.
RenderObjects expect specific types of children because they coordinate with their children during layout and paint. For example, a RenderSliver cannot be the child of a RenderBox because a RenderSliver does not understand the RenderBox layout protocol.

The RenderViewport that expected a RenderSliver child was created by:
  Viewport ← IgnorePointer-[GlobalKey#35d86] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#98863] ← Listener ← _ScrollableScope ← _ScrollSemantics-[GlobalKey#57f79] ← NotificationListener<ScrollMetricsNotification> ← RepaintBoundary ← CustomPaint ← ⋯

The RenderConstrainedBox that did not match the expected child type was created by:
  SizedBox ← Viewport ← IgnorePointer-[GlobalKey#35d86] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#98863] ← Listener ← _ScrollableScope ← _ScrollSemantics-[GlobalKey#57f79] ← NotificationListener<ScrollMetricsNotification> ← RepaintBoundary ← ⋯

因为在CustomScrollView中都要是slivers类型的组件，如果有其他类型的组件放入其中，则要用

SliverToBoxAdapter 组件 包裹。

Flutter核心原理（3）：RenderObject和RenderBox
手写我对你的温柔
06-29 5326
每个Element都对应一个RenderObject，我们可以通过Element.renderObject来获取。并且我们也说过RenderObject的主要职责是Layout和绘制，所有的RenderObject会组成一棵渲染树Render Tree。 RenderObject就是渲染树中的一个对象，它拥有一个parent和一个parentData插槽（slot），所谓插槽，就是指预留的一...
flutter 输入法 和dialog 使用崩溃问题
u013297881的专栏
08-05 781
可能你写的没问题 A RenderViewport expected a child of type RenderSliver but received a child of type RenderErrorBox 不应该 ValueListenableBuilder 包裹 SliverList
【Flutter】：安卓向
Fred
01-28 752
Button对应FlatButton，RaiseButton，IconButton等 Dialog对应的showDialog，showGeneralDialog等 wrap_content mainAxisSize: MainAxisSize.min clickListener GestureDetector/Inwell weight Flexible/Expanded http://laomengit.com/flutter/widgets/Flexible.html#flexible-2
Flutter报错RenderBox was not laid out: RenderRepaintBoundary的解决方法
江上清风山间明月的博客
10-26 4576
因为当使用Column时，它会尝试处于屏幕高度，而当在内部使用Expanded时，该列会将剩余空间分配给扩展小部件的子级，现在，如果你使用SingleChildScrollView，它会尽可能长时间地扩展（按方向，一般时垂直方向），但当你使用Expanded时，它会试图占用剩余空间，所以它会无限大，从而引发错误，如果你在Column中使用Expanded，而这个Column具有父级SingleChildScrollView就报这个错误。
Flutter踩坑之RenderCustomMultiChildLayoutBox object was given an infinite size during layout
jwg1988的博客
07-22 6584
踩坑报错如下: The following assertion was thrown during performLayout():RenderCustomMultiChildLayoutBox object was given an infinite size during layout. This probably means that it is a render object that tries to be as big as possible, but it was put inside
A RenderViewport expected a child of type RenderSliver but received a child of type RenderStickyHeader. 报了这个错误
07-24
我们遇到了一个错误：`RenderViewport expected RenderSliver but got RenderStickyHeader`。这个错误通常发生在Sliver组件的使用上，因为Flutter的`CustomScrollView`要求其直接子组件必须是`RenderSliver`类型。而...
用了这段代码之后报错A RenderFlex expected a child of type RenderBox but received a child of type RenderSliverList. RenderObjects expect specific types of children because they coordinate with their children during layout and paint. For example, a RenderSliver cannot be the child of a RenderBox because a RenderSliver does not understand the RenderBox layout protocol. The RenderFlex that expected a RenderBox child was created by: Column ← ColoredBox ← Container ← SliverToBoxAdapter ← SliverPadding ← Viewport ← IgnorePointer-[GlobalKey#51df3] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#7b8e1] ← Listener ← ⋯ The RenderSliverList that did not match the expected child type was created by: SliverList ← Column ← ColoredBox ← Container ← SliverToBoxAdapter ← SliverPadding ← Viewport ← IgnorePointer-[GlobalKey#51df3] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#7b8e1] ← ⋯
07-14
child: CustomScrollView( slivers: [ SliverAppBar( title: Text('CustomScrollView Demo'), floating: true, flexibleSpace: Placeholder(), expandedHeight: 200, ), SliverList( delegate: ...
Invalid prop: type check failed for prop "type". Expected String with value "0", got Number with value 0.
最新发布
11-04
console.log('Received type:', typeof value, value); // 打印类型和值 return true; } } } ``` --- ### 注意事项 - **避免直接修改 Prop**： Vue 禁止子组件直接修改 Prop（单向数据流），需通过 `$emit` ...
java.lang.IllegalArgumentException: You have provided an instance of an incorrect PK class for this find operation. Class expected : class com.lkm.ncprogram.v3.entity.CncProgramDetailsPkV3, Class received : class java.lang.String.
08-26
if (child.getId() == null || child.getId().getIdValue() == null) { // 新增实体，未设置主键 entityManager.persist(child); } else { // 已存在实体，执行merge child = entityManager.merge(child); } ...
Flutter 萌新高频问题(加班猿妈妈叫你回家吃饭了）
weixin_33910137的博客
12-19 1573
想写这个很久了，每个人都是从萌新来的，在一些国内Flutter群里(482462250,422833104)呆着, 经常有很多重复的问题在群里反复出现，导致群里大佬都不爱搭理了。 下面的目录会不断更新，如果内容太多，我会拆分掉。 FlutterCandies QQ群:181398081 我们的组织OpenFlutter,海量插件萌新必备库 目录 我是谁，我从哪里来，我要做什么 萌新入门看...
Flutter中的 “A RenderFlex overflowed” 错误
发孖的博客
06-27 3466
在Flutter中布局操作不当很容易就出现溢出的问题，也就是“A RenderFlex overflowed”错误。这里记录我自己出现的一个情况以及解决方法。 布局结构 我的布局结构是Container里面放个Cloumn，Column里面在垂直放Container和SingleChildScrollView。这时候就会出现布局溢出问题。因为我在Cloumn这种没有确定高度的Widget中同样是有...
Flutter报A RenderFlex overflowed错误（宽高度溢出）或者Flutter Widget不显示的解决办法（Expanded、Flexible）
热门推荐
喻志强的博客
04-22 3万+
我们在用Flutter写ui的时候，经常会遇见写完Widget后不显示， 例如如下代码： 代码很简单，实际上就是一个行控件里面放了一个Text和一个ListView。 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { ...
Flutter BUG 关于RenderBox was not laid out: RenderViewport#680c1 NEEDS-LAYOUT NEEDS-PAINT
蓝色黄梅天的博客
05-07 2万+
使用了ListView.builder 布局空白,log提示RenderBox was not laid out: RenderViewport#680c1 NEEDS-LAYOUT NEEDS-PAINT的问题. 在进行Flutter布局绘制时,不可避免的使用ListView.builder(). 但是这个很大概率在使用上会嵌套在Row或者Column组件内. 就会出现预期的页面一片空白,Log...
Flutter踩坑：ListView布局报错，RenderFlex children have non-zero flex but incoming height constraints are...
王凯旋的博客
10-07 2万+
完整报错信息： RenderFlex children have non-zero flex but incoming height constraints are unbounded. When a column is in a parent that does not provide a finite height constraint, for example if it is in a...
Flutter应用使用插件报错问题
mingtiannihao623的博客
03-13 1万+
Flutter应用中修复AndroidX崩溃： https://blog.youkuaiyun.com/ytfunnysite/article/details/88313305 webview_flutter：0.2.0 解决 webview_flutter报错： E/MethodChannel#flutter/platform_views(27071): Failed to handle method ca...
Flutter 布局（十）- ListBody、ListView、CustomMultiChildLayout详解
weixin_33693070的博客
09-02 312
本文主要介绍Flutter布局中的ListBody、ListView、CustomMultiChildLayout控件，详细介绍了其布局行为以及使用场景，并对源码进行了分析。 1. ListBody A widget that arranges its children sequentially along a given axis. 1.1 简介 ListBody是一个不常直接使用的控件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

computerclass

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值