SliverList SliverChildBuilderDelegate 中的 ListView.builder 在第一次加載時不渲染圖像

Question

我的圖像（來自 api）不會在第一次加載時呈現，除非我向下滾動並再次返回頂部

這是我的代碼結構

CustomScrollView(
 slivers: [
     SliverList(
       delegate: SliverChildBuilderDelegate(_, index) {
        return Column(children: 
                     [
                     // SLIVERBUILDER INDEX
                     Text(somedata[_index]),
                     // MY IMAGE BUILDER
                     Container(child: ListView.builder(itemBuilder: (_, int index){
                                        return Image.network(arrayOfImages[index]);
                                      }))
                     ]
               );
     }),
 ]
)

Answer 1

試試這些：

1. 用容器或任何可以為其子項提供約束的父項包裹一列。

 SliverList( delegate: SliverChildBuilderDelegate( (context, index) { return Container( // warp with container height: 450, child: Column(children: [ // SLIVERBUILDER INDEX Text('title'),

2. 用 Expanded 包裹 ListView.builder 並添加 itemCount 屬性。 （在你的情況下'arrayOfImage.length'）

 // MY IMAGE BUILDER Expanded( // add this widget child: ListView.builder( itemCount: arrayOfImage.length, // add this line