Flutter开发Fluent App报错‘Either pane or content must be provided’求助

这个错误的核心原因是**NavigationView组件强制要求必须指定pane（侧边导航面板）或content（主内容区）中的一个**，不能两者都为空。你当前的代码仅配置了appBar，缺少核心的导航或内容部分，触发了组件内部的断言检查。

下面提供两种可行的修复方案：

方案一：添加主内容区（content） #

如果不需要侧边导航栏，直接给NavigationView设置content参数，填充你的页面内容即可：

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return NavigationView(
      appBar: const NavigationAppBar(
        title: Text('Hello World!')
      ),
      // 添加主内容区域
      content: const Padding(
        padding: EdgeInsets.all(16.0),
        child: Text('这是我的Fluent UI应用主内容'),
      ),
    );
  }
}

方案二：添加导航面板（pane） #

如果需要侧边导航功能，配置pane参数，添加导航项并处理选中逻辑：

class _MyHomePageState extends State<MyHomePage> {
  int _selectedNavIndex = 0;

  @override
  Widget build(BuildContext context) {
    return NavigationView(
      appBar: const NavigationAppBar(
        title: Text('Hello World!')
      ),
      // 配置侧边导航面板
      pane: NavigationPane(
        selected: _selectedNavIndex,
        onChanged: (index) => setState(() => _selectedNavIndex = index),
        items: const [
          PaneItem(
            icon: Icon(FluentIcons.home),
            title: Text('首页'),
          ),
          PaneItem(
            icon: Icon(FluentIcons.settings),
            title: Text('设置'),
          ),
        ],
      ),
    );
  }
}

注意事项 #

不要同时设置pane和content，NavigationView的设计逻辑是二选一：要么通过pane管理不同页面的切换，要么直接用content指定单一的主内容。

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