我想显示在物品ListView使用ListView.builder内FutureBuilder。我的future函数FutureBuilder如下所示:
_fetchListItems() async {
wait() async {
number = await db.getNumber(userId); }
await wait();
List rawFavouriteList = await db.getList(number);
setState((){
rawFavouriteList.forEach((item){
_faouriteList.add(Model.map(item));
}});
return _faouriteList;
}
Run Code Online (Sandbox Code Playgroud)
我的FutureBuilder看起来像这样:
FutureBuilder(
future: _fetchListItems(),
builder:(context, AsyncSnapshot snapshot) {
if (!snapshot.hasData) {
return Center(child: CircularProgressIndicator());
} else {Container( child: ListView.builder(
itemCount: _faouriteList.length,
scrollDirection: Axis.horizontal,
itemBuilder: (BuildContext context, int index) {
return Text(
'${_faouriteList[index].title}');
}));}})
Run Code Online (Sandbox Code Playgroud)
以下断言被抛出 building FutureBuilder(dirty, state: I/flutter (24728): _FutureBuilderState#f12a3): I/flutter (24728): …
我正在使用PageView.builder创建页面。
PageView.builder(
itemCount: _pagesList.length,
itemBuilder: (BuildContext context, int index) {
return Container(
color: _pagesList[index],
);
}
)
Run Code Online (Sandbox Code Playgroud)
我目前拥有的:

我想要的是:

即我想Padding在页面之间提供一些(当它们被滚动时)
原因:我将在这些页面中显示图像,并且由于图像将覆盖每个页面的整个宽度,因此滚动页面时看起来不太好,因为它们被编织在一起,如下所示:
我该如何解决这个问题?