[英]ListView.separated is not building in flutter
這是我的屏幕代碼,在這個屏幕上我試圖建立一個列表視圖。
Container(
decoration: const BoxDecoration(gradient: kHomeColor),
child: Column(
children: [
const AccountCard(
name: 'Mishal Haneef',
channelName: 'MSL DROID',
courseCount: '3',
subscribers: '65K',
),
ListView.separated(
itemBuilder: (BuildContext context, int index) {
print('entered to itemBuilder');
return const ListTile(
title: Text('data $index'),
leading: Icon(Icons.abc),
trailing: Icon(Icons.arrow_left),
);
},
itemCount: 3,
separatorBuilder: (BuildContext context, int index) {
return const Divider();
},
)
],
),
);
這無法顯示此錯誤
#46 _drawFrame (dart:ui/hooks.dart:115:31)
(elided 3 frames from dart:async)
The following RenderObject was being processed when the exception was fired: RenderViewport#3884a NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
RenderObject: RenderViewport#3884a NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
needs compositing
parentData: <none> (can use size)
constraints: BoxConstraints(0.0<=w<=392.7, 0.0<=h<=Infinity)
size: MISSING
axisDirection: down
crossAxisDirection: right
offset: ScrollPositionWithSingleContext#f3aae(offset: 0.0, range: null..null, viewport: null, ScrollableState, AlwaysScrollableScrollPhysics -> ClampingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#7e5b2, ScrollDirection.idle)
anchor: 0.0
center child: RenderSliverPadding#8e8d0 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
parentData: paintOffset=Offset(0.0, 0.0)
constraints: MISSING
geometry: null
padding: EdgeInsets(0.0, 24.0, 0.0, 0.0)
textDirection: ltr
child: RenderSliverList#29eb9 NEEDS-LAYOUT NEEDS-PAINT
parentData: paintOffset=Offset(0.0, 0.0)
constraints: MISSING
geometry: null
no children current live
我不明白他們在說什么,並顯示錯誤日志,相關錯誤導致此小部件(顯示從腳手架到列表視圖的所有小部件名稱),為什么會發生這種情況,我該如何解決,
只需將ListView.separated
與Expanded
Widget 包裝起來,如下所示:
Container(
decoration: const BoxDecoration(gradient: kHomeColor),
child: Column(
children: [
const AccountCard(
name: 'Mishal Haneef',
channelName: 'MSL DROID',
courseCount: '3',
subscribers: '65K',
),
Expanded(
child: ListView.separated(
itemBuilder: (BuildContext context, int index) {
print('entered to itemBuilder');
return ListTile(
title: Text('data $index'),
leading: Icon(Icons.block),
trailing: Icon(Icons.arrow_left),
);
},
itemCount: 3,
separatorBuilder: (BuildContext context, int index) {
return const Divider();
},
),
),
],
),
),
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.