ShadCN Flutter集成Tabs组件报错：ShadTheme.of()上下文无ShadTheme

核心问题 #

你给ShadcnApp的theme参数传入了Flutter原生的ThemeData，但ShadcnApp要求的主题配置类型是ShadThemeData。类型不匹配导致应用组件树中没有正确初始化ShadTheme，最终ShadTabs组件找不到必需的主题上下文，抛出异常。

修复步骤 #

1. 修正主题配置类型
   将MyApp中ShadcnApp的theme参数从ThemeData替换为ShadThemeData：

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

  @override
  Widget build(BuildContext context) {
    return ShadcnApp(
      title: 'My App',
      // 替换为ShadThemeData
      theme: ShadThemeData(
        colorScheme: ColorSchemes.darkZinc(),
        radius: 0.7,
      ),
      // 确保home指向你实际要展示的CounterPage
      home: const CounterPage(),
    );
  }
}

2. 确认页面入口
   你的TabsExample是放在CounterPage的Scaffold中，所以必须将ShadcnApp的home设置为CounterPage，否则你修改的child部分不会生效。

补充说明 #

ShadCN Flutter组件库有独立的主题体系，依赖ShadThemeData提供样式配置，和Flutter原生ThemeData不兼容。只有使用组件库提供的ShadThemeData，才能让所有ShadCN组件正常获取主题上下文。

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