flutter - 如何在没有父控件的情况下重新加载特定的窗口小部件？

Question

我正在Flutter中构建一个应用程序，该应用程序应该是类似于faceboook的社交网络应用程序。

我实现了一个类似的按钮-按下该按钮时向服务器发送请求，然后根据状态代码设置状态。我的问题开始于setState()再次呈现头像图片，或从头开始再次创建头像时(头像存储在64base字符串中)。
likePress是发送请求的 future ，然后相应地设置 bool(boolean) isLiked。
这是“赞”按钮的创建:

buildLikeButton(int ownerId, int postId) {
    return RepaintBoundary(
        child: FutureBuilder<bool>(
            future: getLike(ownerId, postId),
            builder: (BuildContext context, AsyncSnapshot<bool> snapshot) {
              IconButton likeButton;
              if (snapshot.hasData) {
                isLiked = snapshot.data;
                likeButton = createLikeButton(ownerId, postId);
              } else if (snapshot.hasError) {
                isLiked = false;
                likeButton = createLikeButton(ownerId, postId);
                print('the snapshot has an error ${snapshot.error}');
              } else {
                isLiked = false;
                likeButton = createLikeButton(ownerId, postId);
              }
              return likeButton;
            }));
  }

createLikeButton(int ownerId, int postId) {
    return IconButton(
      icon: returnLikeIcon(isLiked),
      color: Theme.of(context).accentColor,
      onPressed: () async {
        if (this.mounted) {
          setState(() {
            Future lol = likePress(ownerId, postId).then((onValue) {});
          });
        }
      },
    );
  }

这是头像的创建:

createAvatar(BuildContext context, avatar_base64, int ownerId) {
    Uint8List bytes = base64Decode(avatar_base64.split(',').last);

    return RepaintBoundary(
        child: CircleAvatar(
      radius: 25.0,
      backgroundImage: MemoryImage(bytes),
      backgroundColor: Colors.transparent,
    ));
  }

将它们一起显示的小部件是我为此项目创建的 Post小部件，这是它的构建功能:

Widget build(BuildContext context) {
return InkWell(
        borderRadius: BorderRadius.circular(0.2),
        child: Container(
          decoration: BoxDecoration(boxShadow: [
            BoxShadow(
              color: Theme.of(context).primaryColor,
              blurRadius: 1.0,
              spreadRadius: 1.0, // has the effect of extending the shadow
              offset: Offset(
                5.0, // horizontal, move right 10
                5.0, // vertical, move down 10
              ),
            ),
          ]),
          child: Card(
              elevation: 10.0,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Flexible(
                      fit: FlexFit.loose,
                      child: postInfo(context, time, ownerId)),
                  Divider(
                    thickness: 1.0,
                    height: 10.0,
                    indent: 10.0,
                    endIndent: 10.0,
                  ),
                  postContent(content),
                  Divider(
                    thickness: 1.0,
                    height: 10.0,
                    indent: 10.0,
                    endIndent: 10.0,
                  ),
                  createButtonBar(ownerId, postId),
                ],
              )),
        ));
  }

postInfo只是FutureBuilder，用于构建将头像和名称加起来的ListTile，并且 createButtonBar创建like按钮和2个其他按钮。

我想在用户按下“赞”按钮时更改图标，但前提是服务器响应了正确的状态码并且没有渲染并重新创建整个 Post小部件。谢谢您的麻烦!

Answer 1

这意味着头像在您调用setState((){})的位置下方。在您的情况下，该方法可能在该特定小部件内，并且该小部件正在重建。

我建议您解决该问题，以将头像的创建移到上方。这样，如果您需要重建对象，则不会重新创建化身，而只是将其放置在新的小部件中。放置一些debugPrints以加快该过程，并尝试重构代码以查看是否丢失了某些内容。