我正在使用Flutter编写一段代码,其中使用了SQFlite数据库。我想从资产中插入图像小部件,并且我从数据库中获取了该图像的名称。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Single Line diagram"),backgroundColor: Colors.red.shade700,),
body: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Align(
//alignment: Alignment.center,
child: SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Row(
//crossAxisAlignment: CrossAxisAlignment.center,
children: imageList(),
),
),
)
),
);
}
上面的代码调用imageList()来显示图像列表。
List<Widget> imageList(){
List<Widget> singleLineImages = new List();
List unit;
for (int i = 0; i <= widget.unitsList.length-1; i++){
for (int j = 1; j <= int.parse(widget.unitsList[i].quantity); j++){
print("${widget.unitsList[i].bulletin}, ${widget.unitsList[i].mountType}, ${widget.unitsList[i].disconnect}");
getfileName(widget.unitsList[i].bulletin, widget.unitsList[i].mountType, widget.unitsList[i].disconnect);
//if(fileName != null) {
singleLineImages.add(
Image.asset("images/SD_Files_2100/$fileName.jpg", height: 400.0, width: 200.0,));
//}
}
}
return singleLineImages;
}
我从使用数据库的getFileName()方法中获取文件名。
getfileName(String bulletin, String mountType, String disconnect)async {
fileNameList = await db.getSDfileName(bulletin, disconnect, mountType);
fileName = fileNameList[0]['FileName'];
print("filename: $fileName");
}
现在,在调用了getFileName()函数之后,程序不会等待获取fileName而是继续进行,这导致filename的值为null。在执行Image.asset代码后可以正确获取filename。有没有办法让程序等待直到获取到正确的filename?
FutureBuilder
或在initState
中调用一个方法来调用异步代码,当Future
完成时调用setState()
以使用新值重新构建。在StackOverflow上有大量类似的问题。(非常常见的问题) - Günter Zöchbauer