Flutter应用无法打开Inspector界面，求助解决方法

问题根源 #

你的代码存在无限递归调用：_BottomNavigationBar组件的build方法中，反复创建多个_BottomNavigationBar()实例，会直接引发栈溢出导致应用崩溃，这也是Inspector界面无法打开的核心原因。

修复代码 #

将Row里的递归调用替换为实际的导航项组件_NavigationBarItem()，修改后的完整代码如下：

class _BottomNavigationBar extends StatelessWidget {
  const _BottomNavigationBar({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      top: false,
      bottom: true,
      left: true,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          _NavigationBarItem(),
          _NavigationBarItem(),
          _NavigationBarItem(),
          _NavigationBarItem(),
        ],
      ),
    );
  }
}

class _NavigationBarItem extends StatelessWidget {
  const _NavigationBarItem({super.key});

  @override
  Widget build(BuildContext context) {
    return SafeArea(child: Text('item'));
  }
}

后续检查步骤 #

• 修复代码后，重启应用和Flutter Inspector
• 确认Flutter SDK版本稳定，避免版本兼容性问题
• 检查IDE（Android Studio/VS Code）的Flutter插件是否为最新版本

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