如何停止 SetState 颤动

Question

我从事颤振项目。当我单击修改图标以编辑名称时，例如 ==> 屏幕会自动滚动。单击编辑按钮后如何停止刷新屏幕？

我的表单代码：

Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
        Text('Adresse email :',
            style: TextStyle(
                color: Color(0xFF4053FCF),
                fontSize: 16,
                fontWeight: FontWeight.w600
            ),
        ),
        IconButton(
            icon: Icon(CommunityMaterialIcons.pencil,
            color: Colors.grey,
            ),
            onPressed: () {
                emailNode.requestFocus();
                setState(() {
                    enableemail = true;
                });
            })
    ],
),

  void editUserProfile() async {
    setState(() {});

    // if (_formKey.currentState.validate()) {
    String name = _nameController.text;
    String email = _emailController.text;
    String adress = _adressController.text;

    userApi.editUserProfile(name, email, adress).then((data) {
      print(data);
      if (data != null) {
        //   Navigator.pop(context);

        /*  Navigator.push(
            context, MaterialPageRoute(builder: (context) => Profile()));*/
      }
      //  setState(() {});

      /* Navigator.push(
            context, MaterialPageRoute(builder: (context) => BoxSettings()));*/

      setState(() {
        enableup = false;
        enableadress = false;
        enableemail = false;
      });

      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(data)));

      // ScaffoldMessenger.of(context).showSnackBar(snackBar3);
    }).catchError((error) {
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text(error.toString())));
    });
    setState(() {});
  }

这是我的屏幕以获取更多信息：

如何在不重新加载屏幕的情况下按下编辑按钮？

Answer 1

有一些解决方法可以实现这一点（即在点击一个完全不同的小部件后更新一个小部件的状态），例如将回调函数作为参数传递等。

但是，解决上述问题并保持代码整洁的最佳且简洁的解决方案是使用 Provider 模式。

如果您不了解 Provider 模式的工作原理，您可以轻松地在 Google 上搜索有关它的文章。这是其中之一：

https://www.raywenderlich.com/6373413-state-management-with-provider

在下面移动之前阅读上面的文章。

基本上我们所做的是：

创建一个 ChangeNotifier 类。

用 ChangeNotifierProvider 小部件包装两个小部件的父级。

用消费者小部件包装您要更新的小部件。

然后在 Edit 按钮的 onTap/onPressed 函数中，您可以调用一个函数，该函数将调用 notifyListener() 函数。这样做会通知上面的 ChangeNotifierProvider 小部件，它的小部件树中发生了一些变化。然后它会遍历下面的子整个widget树，并更新用Consumer widget包裹的widget。

因此，这样一来，您就不需要刷新整个屏幕，并且可以通过对完全不同的小部件执行一些操作来轻松更新一个小部件。

Answer 2

将要刷新的小部件包装在有状态构建器中，并使整个屏幕成为无状态小部件，然后调用有状态构建器