flutter - 在 flutter 中动态分配图像

Question

如何在 flutter 中动态分配图像？例如:

    final topContent = Stack(
      children: <Widget>[
        Container(
            padding: EdgeInsets.only(left: 10.0),
            height: MediaQuery.of(context).size.height * 0.5,
            decoration: new BoxDecoration(
              image: new DecorationImage(
                image: new AssetImage(lesson.imagePath),
                fit: BoxFit.cover,
              ),
            )),
        Container(
          height: MediaQuery.of(context).size.height * 0.5,
          padding: EdgeInsets.all(40.0),
          width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(color: Color.fromRGBO(58, 66, 86, .9)),
          child: SingleChildScrollView(
            controller: _scrollController,
            child: Center(
              child: topContentText,
            ),
          ),
        ),
        Positioned(
          left: 8.0,
          top: 60.0,
          child: InkWell(
            onTap: () {
              Navigator.pop(context);
            },
            child: Icon(Icons.arrow_back, color: Colors.white),
          ),
        )
      ],
    );

现在 lesson.imagePath 开头的图像是我想要动态更改的图像。我尝试使用 setState() 但它给了我一个错误:

The expression here is a type of void and cannot be used

image: setState ((){
 if (someCondition) {
 return new AssetImage(lesson.imagePath); 
 }
}), 

Answer 1

你的 setState 调用是错误的!最简单的方法是将您的图像作为小部件的状态，并在 setState 调用中更新此图像。 setState 方法不会返回任何内容，它只会重建您的小部件。

在您的 _WidgetState 类中声明为成员:

AssetImage _imageToShow;

您可以在 initState 方法中提供初始图像。

@override
initState(){
   _imageToShow = AssetImage('youAssetImage');
}

您的 Container 小部件应声明为:

Container(
            padding: EdgeInsets.only(left: 10.0),
            height: MediaQuery.of(context).size.height * 0.5,
            decoration: new BoxDecoration(
              image: new DecorationImage(
                image: _imageToShow,
                fit: BoxFit.cover,
              ),
            )),
 ),

要使用 setState 调用更新图像，您只需要:

void updateImage() {
   setState ((){ 
      if (someCondition) {
        _imageToShow = new AssetImage(lesson.imagePath); 
      }
    });
}

但请记住，必须调用 updateImage 方法。