错误：BoxConstraints 强制无限高
当我尝试从主页移动到产品页面时，抛出了以下异常。我猜想抛出异常是因为使用了列表视图。你能帮我找到正确的使用方法吗？
它应该看起来像这样：
相反，它向我显示了错误
======== 渲染库捕获的异常 ================================================== === 在 performLayout() 期间抛出了以下断言： BoxConstraints 强制无限高。
These invalid constraints were provided to RenderDecoratedBox's layout() function by the following function, which probably computed the invalid constraints in question:
RenderConstrainedBox.performLayout (package:flutter/src/rendering/proxy_box.dart:277:14)
The offending constraints were: BoxConstraints(w=263.7, h=Infinity)
The relevant error-causing widget was:
Container file:///C:/Users/bhask/Downloads/your_store/lib/screens/product_page.dart:143:36
When the exception was thrown, this was the stack:
#0 BoxConstraints.debugAssertIsValid.<anonymous closure>.throwError (package:flutter/src/rendering/box.dart:517:9)
#1 BoxConstraints.debugAssertIsValid.<anonymous closure> (package:flutter/src/rendering/box.dart:561:21)
#2 BoxConstraints.debugAssertIsValid (package:flutter/src/rendering/box.dart:565:6)
#3 RenderObject.layout (package:flutter/src/rendering/object.dart:1679:24)
#4 RenderConstrainedBox.performLayout (package:flutter/src/rendering/proxy_box.dart:277:14)
...
The following RenderObject was being processed when the exception was fired: RenderConstrainedBox#cef26 relayoutBoundary=up10 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: offset=Offset(0.0, 0.0) (can use size)
... constraints: BoxConstraints(w=263.7, 0.0<=h<=Infinity)
... size: MISSING
... additionalConstraints: BoxConstraints(w=65.0, h=Infinity)
RenderObject: RenderConstrainedBox#cef26 relayoutBoundary=up10 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
parentData: offset=Offset(0.0, 0.0) (can use size)
constraints: BoxConstraints(w=263.7, 0.0<=h<=Infinity)
size: MISSING
additionalConstraints: BoxConstraints(w=65.0, h=Infinity)
... child: RenderDecoratedBox#003df NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: <none>
... constraints: MISSING
... size: MISSING
... decoration: BoxDecoration
... color: Color(0xff000000)
... borderRadius: BorderRadius.circular(12.0)
... configuration: ImageConfiguration(bundle: PlatformAssetBundle#dc45b(), devicePixelRatio: 2.8, locale: en_US, textDirection: TextDirection.ltr, platform: android)
... child: RenderParagraph#fda35 NEEDS-LAYOUT NEEDS-PAINT
... parentData: <none>
... constraints: MISSING
... size: MISSING
... textAlign: start
... textDirection: ltr
... softWrap: wrapping at box width
... overflow: clip
... locale: en_US
... maxLines: unlimited
... text: TextSpan
... debugLabel: ((((englishLike body1 2014).merge(blackMountainView bodyText2)).copyWith).copyWith).merge(unknown)
... inherit: false
... color: Color(0xffffffff)
... family: Poppins_regular
... familyFallback: Poppins
... size: 16.0
... weight: 600
... baseline: alphabetic
... decoration: TextDecoration.none
... "Add To Cart"
====================================================================================================
======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
RenderBox was not laid out: RenderConstrainedBox#cef26 relayoutBoundary=up10 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1930 pos 12: 'hasSize'
Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=2_bug.md
The relevant error-causing widget was:
Container file:///C:/Users/bhask/Downloads/your_store/lib/screens/product_page.dart:143:36
When the exception was thrown, this was the stack:
#2 RenderBox.size (package:flutter/src/rendering/box.dart:1930:12)
#3 RenderPadding.performLayout (package:flutter/src/rendering/shifted_box.dart:237:39)
#4 RenderObject.layout (package:flutter/src/rendering/object.dart:1779:7)
#5 RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:116:14)
#6 RenderObject.layout (package:flutter/src/rendering/object.dart:1779:7)
...
The following RenderObject was being processed when the exception was fired: RenderPadding#107a1 relayoutBoundary=up9 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: <none> (can use size)
... constraints: BoxConstraints(w=279.7, 0.0<=h<=Infinity)
... size: MISSING
... padding: EdgeInsets(16.0, 0.0, 0.0, 0.0)
... textDirection: ltr
RenderObject: RenderPadding#107a1 relayoutBoundary=up9 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
parentData: <none> (can use size)
constraints: BoxConstraints(w=279.7, 0.0<=h<=Infinity)
size: MISSING
padding: EdgeInsets(16.0, 0.0, 0.0, 0.0)
textDirection: ltr
... child: RenderConstrainedBox#cef26 relayoutBoundary=up10 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: offset=Offset(16.0, 0.0) (can use size)
... constraints: BoxConstraints(w=263.7, 0.0<=h<=Infinity)
... size: MISSING
... additionalConstraints: BoxConstraints(w=65.0, h=Infinity)
... child: RenderDecoratedBox#003df NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
... parentData: <none>
... constraints: MISSING
... size: MISSING
... decoration: BoxDecoration
... color: Color(0xff000000)
... borderRadius: BorderRadius.circular(12.0)
... configuration: ImageConfiguration(bundle: PlatformAssetBundle#dc45b(), devicePixelRatio: 2.8, locale: en_US, textDirection: TextDirection.ltr, platform: android)
... child: RenderParagraph#fda35 NEEDS-LAYOUT NEEDS-PAINT
... parentData: <none>
... constraints: MISSING
... size: MISSING
... textAlign: start
... textDirection: ltr
... softWrap: wrapping at box width
... overflow: clip
... locale: en_US
... maxLines: unlimited
... text: TextSpan
... debugLabel: ((((englishLike body1 2014).merge(blackMountainView bodyText2)).copyWith).copyWith).merge(unknown)
... inherit: false
... color: Color(0xffffffff)
... family: Poppins_regular
... familyFallback: Poppins
... size: 16.0
... weight: 600
... baseline: alphabetic
... decoration: TextDecoration.none
... "Add To Cart"
====================================================================================================
这是我的产品页面代码：
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:your_store/constants.dart';
import 'package:your_store/services/firebase_services.dart';
import 'package:your_store/widgets/custom_action_bar.dart';
import 'package:your_store/widgets/image_swipe.dart';
import 'package:your_store/widgets/product_size.dart';
class ProductPage extends StatefulWidget {
final String? productId;
ProductPage({this.productId});
@override
_ProductPageState createState() => _ProductPageState();
}
class _ProductPageState extends State<ProductPage> {
FirebaseServices _firebaseServices = FirebaseServices();
String? _selectedProductSize = "0";
Future _addToCart() {
return _firebaseServices.usersRef
.doc(_firebaseServices.getUserId())
.collection("Cart")
.doc(widget.productId)
.set({"size": _selectedProductSize});
}
final SnackBar _snackBar = SnackBar(content: Text("Product added to the cart."),);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: [
FutureBuilder<DocumentSnapshot<Map<String, dynamic>>>(
future: _firebaseServices.productRef.doc(widget.productId).get(),
builder: (context, snapshot) {
if (snapshot.hasError) {
return Scaffold(
body: Center(
child: Text("Error: ${snapshot.error}"),
),
);
}
if (snapshot.connectionState == ConnectionState.done) {
//Firebase document data map
final documentData = snapshot.data!.data()!;
//List of images
List imageList = documentData["images"];
List productSize = documentData["size"];
//Set an initial size
_selectedProductSize = productSize[0];
return ListView(
padding: EdgeInsets.all(0),
children: [
ImageSwipe(
imageList: imageList,
),
Padding(
padding: const EdgeInsets.only(
top: 24.0,
left: 24.0,
right: 24.0,
bottom: 4.0,
),
child: Text(
documentData["name"] ?? "",
style: Constants.boldHeading,
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 4.0,
horizontal: 24.0,
),
child: Text(
documentData["price"] ?? "",
style: TextStyle(
fontSize: 18.0,
color: Theme.of(context).accentColor,
fontWeight: FontWeight.w600,
),
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 8.0,
horizontal: 24.0,
),
child: Text(
documentData["desc"] ?? "",
style: TextStyle(fontSize: 16.0),
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 24.0,
horizontal: 24.0,
),
child: Text(
"Select Size",
style: Constants.regularDarkText,
),
),
ProductSize(
productSize: productSize,
onSelected: (size){
_selectedProductSize = size;
},
),
Padding(
padding: const EdgeInsets.all(24.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
width: 65.0,
height: 65.0,
decoration: BoxDecoration(
color: Color(0xFFDCDCDC),
borderRadius: BorderRadius.circular(12.0),
),
alignment: Alignment.center,
child: Image(
image: AssetImage("assets/images/tab_saved.png"),
height: 22.0,
),
),
Expanded(
child: GestureDetector(
onTap: () async {
await _addToCart();
ScaffoldMessenger.of(context).showSnackBar(_snackBar);
},
child: Container(
width: 65.0,
margin: EdgeInsets.only(
left: 16.0,
),
height: double.infinity,
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(12.0)),
child: Text(
"Add To Cart",
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
),
),
],
),
),
],
);
}
//Loading State
return Scaffold(
body: Center(
child: CircularProgressIndicator(),
),
);
},
),
CustomActionBar(
hasBackArrow: true,
hasTitle: false,
hasBackground: false,
),
],
));
}
}
3 个答案:
答案 0 :(得分：0)
2 个选项
body: Stack(
fit: Stackfit.passthrough,
children: [
.... //same code
],
),
或
return Scaffold(
body: FutureBuilder(
.... ///same code
),
bottomNavigationBar: CustomActionBar(
hasBackArrow: true,
hasTitle: false,
hasBackground: false,
),
);
另外作为旁注，这个 Scaffold 是不必要的
return Scaffold( /// You can remove the scaffold and keep just Center(child: CircularProgressIndicator(),)
body: Center(
child: CircularProgressIndicator(),
),
);
Stack 没有给孩子一个大小来执行，所以 ListView 尝试无限的无限大小来执行它的构建方法
答案 1 :(得分：0)
问题在于您的 Expanded 小部件。首先，您不应该在 Expanded 中包含 ListView ，除非 Expanded 是具有定义高度的事物的子代，而您的则不是。此外，您的 ListView 甚至不是具有定义高度的 Widget 的孩子。您的 Widget 树中没有任何东西知道它应该有多高。您需要为 ListView 的所有子项设置高度，尤其是 Expanded 小部件。 Padding 小部件没有高度，Row 小部件也没有。您需要将您的 Expanded 的直接父母之一包装在 Container 或具有指定高度的东西中，否则它将在 ListView 内永远扩展并为您提供 {{1 }} 错误。
旁注：您将 infinite height 的孩子的高度设置为 Expanded，这是不必要的。
编辑：
这个错误的代码：
double.infinity必须变成这样：
ListView(
//...
children: [
//...
Padding(
//...
child: Row(
children: [
//...
Expanded(
child: Container(
//...
height: double.infinity,
child: Text('text'),
),
),
],
),
),
],
);
这是因为 ListView(
//...
children: [
//...
Container(
height: 100.0, //or whatever you want
width: 400.0, //or whatever you want
padding: EdgeInsets.all(24.0),
//...
child: Row(
children: [
//...
Expanded(
child: Container(
//...
child: Text('text'),
),
),
],
),
),
],
);
搜索小部件树，寻找告诉它允许有多大的父级。您没有提供这样的父级，这会导致您的错误消息。现在，这可能无法完全解决您的问题，因为您的 Expanded 中可能还有其他元素具有未定义的高度。这些也会导致错误，因为 ListView 小部件的高度基于其子级高度的总和。如果 ListView 不知道它的每个孩子有多高，那么它就无法知道它应该有多高，同样，您会收到该错误消息。
总而言之，您需要注意两件事（不仅仅是这里，而是始终）：
- 所有
ListView小部件都有已定义高度的父级 Expanded小部件的所有子部件都定义了高度
碰巧您可以通过将 ListView 小部件更改为大小的 Padding 来解决这两个问题。
答案 2 :(得分：-1)
请添加ListView的shrinkWrap true。
return ListView(
shrinkWrap: true,
padding: EdgeInsets.all(0),
children: [
ImageSwipe(
imageList: imageList,
),
Padding(
padding: const EdgeInsets.only(
top: 24.0,
left: 24.0,
right: 24.0,
bottom: 4.0,
),
child: Text(
documentData["name"] ?? "",
style: Constants.boldHeading,
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 4.0,
horizontal: 24.0,
),
child: Text(
documentData["price"] ?? "",
style: TextStyle(
fontSize: 18.0,
color: Theme.of(context).accentColor,
fontWeight: FontWeight.w600,
),
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 8.0,
horizontal: 24.0,
),
child: Text(
documentData["desc"] ?? "",
style: TextStyle(fontSize: 16.0),
),
),
Padding(
padding: const EdgeInsets.symmetric(
vertical: 24.0,
horizontal: 24.0,
),
child: Text(
"Select Size",
style: Constants.regularDarkText,
),
),
ProductSize(
productSize: productSize,
onSelected: (size){
_selectedProductSize = size;
},
),
Padding(
padding: const EdgeInsets.all(24.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
width: 65.0,
height: 65.0,
decoration: BoxDecoration(
color: Color(0xFFDCDCDC),
borderRadius: BorderRadius.circular(12.0),
),
alignment: Alignment.center,
child: Image(
image: AssetImage("assets/images/tab_saved.png"),
height: 22.0,
),
),
Expanded(
child: GestureDetector(
onTap: () async {
await _addToCart();
ScaffoldMessenger.of(context).showSnackBar(_snackBar);
},
child: Container(
width: 65.0,
margin: EdgeInsets.only(
left: 16.0,
),
height: double.infinity,
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(12.0)),
child: Text(
"Add To Cart",
style: TextStyle(
color: Colors.white,
fontSize: 16.0,
fontWeight: FontWeight.w600,
),
),
),
),
),
],
),
),
],
);
相关问题
- BoxConstraints强制无限宽度
- 引发了另一个异常：BoxConstraints强制无限高
- ReorderableListView：例外：BoxConstraints强制无限高
- 带有CrossAxisAlignment.stretch的Flutter Row引发错误BoxConstraints强制无限高度
- BoxConstraints强制无限高
- 颤振：BoxConstraints强制无限高
- ExpandedTile-BoxConstraints强制无限宽度
- Flutter Stepper - BoxConstraints 强制无限宽度
- `LinearProgressIndicator` - “BoxConstraints 强制无限宽度。”错误
- 错误：BoxConstraints 强制无限高
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？