Flutter 颤振从列表中删除项导致完全重新生成

我实际上有一个带有删除按钮的列表。 按下后，将显示一个对话框，以确保我们要删除该项目。 一旦删除，我希望该项目从UI中消失，而不重建完整列表。 我只需要删除有关的项目。所以它不应该做任何加载过程

实际上，该列表已完全重建。 我使用的是一个无状态小部件，现在它是一个状态完整的小部件。我想这会对我有帮助

源代码：

class ListGroupsOfUser extends StatefulWidget {
  final String title;
  ListGroupsOfUser({
    required this.emailParameter,
    required this.title,
    Key? key,
  }) : super(key: key);
  final String emailParameter;

  @override
  _ListItem createState() => _ListItem();
}

class _ListItem extends State<ListGroupsOfUser> {
  @override
  Widget build(BuildContext context) => Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: SafeArea(
          child: Column(children: [
        // Padding(padding: const EdgeInsets.all(5)),
        Padding(
          padding: const EdgeInsets.only(top: 10, bottom: 8),
          child: Badge(
            toAnimate: true,
            animationDuration: Duration(seconds: 2),
            shape: BadgeShape.square,
            badgeColor: Colors.indigo,
            borderRadius: BorderRadius.circular(8),
            badgeContent: Text("Utilisateur : " + widget.emailParameter, style: TextStyle(color: Colors.white, fontSize: 18)),
          ),
        ),
        Expanded(
            // padding: EdgeInsets.all(16),
            child: FutureBuilder<List<User>>(
                future: UsersAndGroupsService.fetchGroupsOfUser(widget.emailParameter),
                builder: (context, snapshot) {
                  if (snapshot.hasData && snapshot.connectionState == ConnectionState.done) {
                    final result = snapshot.data!;

                    return ListView.separated(
                      separatorBuilder: (BuildContext context, int index) => const Divider(),
                      itemCount: result.length,
                      itemBuilder: (context, index) {
                        return Padding(
                          padding: const EdgeInsets.only(left: 10, right: 10),
                          child: Card(
                            child: Column(
                              children: <Widget>[
                                ListTile(
                                  title: Text(result[index].name),
                                  leading: Icon(Icons.group),
                                  trailing: IconButton(
                                    icon: Icon(Icons.clear, color: Colors.red),
                                    onPressed: () {
                                      confirm(context, "Suppression", "Voulez-vous vraiment supprimer le groupe " + result[index].name + " de l'utilisateur ?", result, index);
                                    },
                                  ),
                                ),
                              ],
                            ),
                          ),
                        );
                      },
                    );
                  } else {
                    return Center(child: CircularProgressIndicator());
                  }
                }))
      ])));

  _confirmResult(bool isYes, BuildContext context, List<User> result, index) {
    if (isYes) {
      print("HELL YES!");
      print(result.length);
      setState(() {
        result.removeAt(index);
      });

      print(result.length);
      // print(userInputController.text);
      // _write();
      Navigator.pop(context);
    } else {
      print("HELL NO!");
      // print(input);

      Navigator.pop(context);
    }
  }

  confirm(BuildContext context, String title, String subTitle, List<User> result, index) {
    return Dialogs.materialDialog(msgStyle: TextStyle(fontSize: 16), msg: subTitle, title: title, color: Colors.indigo, context: context, actions: [
      IconsOutlineButton(
        onPressed: () {
          _confirmResult(false, context, result, index);
        },
        text: 'Cancel',
        iconData: Icons.cancel_outlined,
        textStyle: TextStyle(color: Colors.grey),
        iconColor: Colors.grey,
      ),
      IconsButton(
        onPressed: () {
          _confirmResult(true, context, result, index);
        },
        text: 'Delete',
        iconData: Icons.delete,
        color: Colors.red,
        textStyle: TextStyle(color: Colors.white),
        iconColor: Colors.white,
      ),
    ]);
  }
}

类ListGroupsOfUser扩展StatefulWidget{
最后的字符串标题；
ListGroupsOfUser({
此参数是必需的，
需要这个标题，
钥匙？，钥匙，
})：super（key:key）；
最后一个字符串参数；
@凌驾
_ListItem createState（）=>\u ListItem（）；
}
类_ListItem扩展状态{
@凌驾
小部件构建（构建上下文）=>Scaffold(
appBar:appBar(
标题：文本（widget.title），
),
正文：安全区(
子项：列（子项：[
//填充（填充：常量边集所有（5）），
填充物(
填充：仅限常量边集（顶部：10，底部：8），
孩子：徽章(
toAnimate:是的，
动画持续时间：持续时间（秒数：2），
形状：BadgeShape.square，
badgeColor:Colors.indigo，
边界半径：边界半径。圆形（8），
badgeContent:Text（“利用程序：+widget.emailParameter，样式：TextStyle（颜色：Colors.white，字体大小：18）），
),
),
扩大(
//填充：边缘设置。全部（16），
孩子：未来建设者(
future:UsersAndGroupsService.fetchGroupsOfUser（widget.emailParameter），
生成器：（上下文，快照）{
if（snapshot.hasData&&snapshot.connectionState==connectionState.done）{
最终结果=snapshot.data！；
返回ListView.separated(
separatorBuilder：（BuildContext上下文，int索引）=>const Divider（），
itemCount:result.length，
itemBuilder：（上下文，索引）{
返回填充(
填充：仅限常量边集（左：10，右：10），
孩子：卡片(
子：列(
儿童：[
列表砖(
标题：文本（结果[索引].name），
前导：图标（Icons.group），
尾随：图标按钮(
图标：图标（图标。清晰，颜色：颜色。红色），
已按下：（）{
确认（上下文，“抑制”，“您的目标供应商组”+结果[索引]。名称+“使用情况？”，结果，索引）；
},
),
),
],
),
),
);
},
);
}否则{
返回中心（子项：CircularProgressIndicator（））；
}
}))
])));
_confirmResult（bool为是，BuildContext上下文，列表结果，索引）{
如果（是的）{
打印（“该死的是！”）；
打印（结果长度）；
设置状态（）{
结果：removeAt（指数）；
});
打印（结果长度）；
//打印（userInputController.text）；
//_write（）；
Navigator.pop（上下文）；
}否则{
打印（“该死的不！”）；
//打印（输入）；
Navigator.pop（上下文）；
}
}
确认（BuildContext上下文、字符串标题、字符串副标题、列表结果、索引）{
返回对话框。materialDialog（msgStyle:TextStyle（fontSize:16），msg:subTitle，title:title，color:Colors.indigo，context:context，actions:[
IconsOutlineButton(
已按下：（）{
_confirmResult（false、上下文、结果、索引）；
},
文本：“取消”，
Iconda:Icons.cancel\u概述，
textStyle:textStyle（颜色：Colors.grey），
iconColor:颜色。灰色，
),
图标按钮(
已按下：（）{
_confirmResult（true、上下文、结果、索引）；
},
文本：“删除”，
iconData:Icons.delete，
颜色：颜色，红色，
textStyle:textStyle（颜色：Colors.white），
iconColor:Colors.white，
),
]);
}
}

回答后更新：

late Future<List<User>> result2;

  @override
  void initState() {
    super.initState();
    result2 = getUserList();
  }

  Future<List<User>> getUserList() async {
    return await UsersAndGroupsService.fetchGroupsOfUser(widget.emailParameter);
  }

...

child: FutureBuilder(
  future: result2,
  builder: (context, snapshot) {
    if (snapshot.hasData && snapshot.connectionState == ConnectionState.done) {
    Don't know if updates needed after that

后期结果2；
@凌驾
void initState（）{
super.initState（）；
result2=getUserList（）；
}
未来的getUserList（）异步{
返回Wait Users和GroupsService.fetchGroupsOfUser（widget.emailParameter）；
}
...
孩子：未来建设者(
未来：结果2，
生成器：（上下文，快照）{
if（snapshot.hasData&&snapshot.connectionState==connectionState.done）{
不知道之后是否需要更新

更新2：

List<User> result = [];

  @override
  void initState() {
    super.initState();
    getUserList();
  }

  getUserList() async {
    result = await UsersAndGroupsService.fetchGroupsOfUser(widget.emailParameter);
  }

...
Expanded(
            // padding: EdgeInsets.all(16),
            child: result == null
                ? CircularProgressIndicator()
                : ListView.separated(
                    separatorBuilder: (BuildContext context, int index) => const Divider(),
                    itemCount: result.length,
                    itemBuilder: (context, index) {

列表结果=[]；
@凌驾
void initState（）{
super.initState（）；
getUserList（）；
}
getUserList（）异步{
结果=Wait Users和GroupsService.fetchGroupsOfUser（widget.emailParameter）；
}
...
扩大(
//填充：边缘设置。全部（16），
子级：结果==null
？循环压缩机指示器（）
：ListView.separated(
separatorBuilder：（BuildContext上下文，int索引）=>const Divider（），
itemCount:result.length，
itemBuilder：（上下文，索引）{

结果==null：操作数不能为null，因此条件始终为false。 奇怪的是，我进入页面，结果被加载，但是如果我按下后退按钮，我再次进入页面，没有结果被加载，结果仍然是空的 ->列表？结果已解决错误消息 显示问题的Gif。数据为c

List<User> result;

@override
void initState() {
 super.initState();
  getUserList();
}

getUserList() async {
  result = await UsersAndGroupsService.fetchGroupsOfUser(widget.emailParameter);
  setState(() {});
}

result == null ? CircularProgressIndicator() : Listview()