Flutter setState方法作用、报错原因及代码写法咨询

1. setState方法的作用是什么？它为何会抛出错误？ #

• 作用：setState是Flutter State类的核心方法，用于通知框架当前状态已变更，触发对应Widget重新构建，以此更新UI。它接收一个回调函数，在回调内修改状态变量后，框架会在合适时机执行UI刷新。
• 抛出错误的常见原因：
  • 在initState、dispose等生命周期阶段直接调用（此时Widget未挂载或已销毁）。
  • State对象已销毁（mounted为false）时调用setState。
  • 异步操作完成后未检查mounted状态就调用setState。
  • 代码语法错误，比如变量拼写错误、未定义等。

2. 解释代码setState((){_availableBiometric = availableBiometric});的含义、作用及错误原因 #

• 含义与作用：这段代码试图通过setState将局部变量availableBiometric的值赋值给状态变量_availableBiometric，目的是把获取到的可用生物识别类型列表保存到状态中，触发UI更新展示该数据。
• 代码中的错误原因：
  1. 变量名拼写错误：类中定义的状态变量是_availableBiometrics（末尾带s），但赋值时写的是_availableBiometric（少了s），导致未定义变量报错。
  2. 语法错误：代码末尾多了一个.，需删除。
  3. 局部变量未初始化：如果getAvailableBiometrics抛出异常，availableBiometric会处于未初始化状态，直接赋值会引发空值错误。

3. 写法setState(() {_canCheckBiometric = _canCheckBiometric;});是否正确？ #

这种写法语法合法，但逻辑完全无效。

• 问题点：将状态变量赋值给自身，没有任何状态变更，setState不会触发UI更新，属于无意义调用，还会浪费资源。
• 正确写法：把异步获取到的局部变量canCheckBiometric赋值给状态变量：

setState(() {
  _canCheckBiometric = canCheckBiometric;
});

修正后的关键代码片段 #

Future<void> _checkBiometric() async{
  bool canCheckBiometric = false; // 初始化默认值，避免未赋值问题
  try{
    canCheckBiometric = await auth.canCheckBiometrics;
  } on PlatformException catch(e) {
    print(e);
  }
  if(!mounted) return;
  setState(() {
    _canCheckBiometric = canCheckBiometric;
  });
}

void _getAvailableBiometrics() async{
  List<BiometricType> availableBiometric = []; // 初始化默认值
  try{
    availableBiometric = await auth.getAvailableBiometrics();
  } on PlatformException catch(e) {
    print(e);
  }
  if(!mounted) return;
  setState(() {
    _availableBiometrics = availableBiometric;
  });
}

内容的提问来源于stack exchange，提问作者Uranus_ly