flutter TextTheme 手机端适配验证

是的，完全适合手机端！这是Material 3 标准字体规范，专为移动设备优化。

📱 手机端适配验证

🎯 手机端最佳实践

TextTheme_buildMobileTextTheme(ColorSchemecs){finalbase=TextStyle(color:cs.onSurface,inherit:true);returnTextTheme(// 手机端：Display rarely used, 缩小一点更实用displaySmall:base.copyWith(fontSize:32,// 从 36 缩小fontWeight:FontWeight.w300,),// Headline：页面标题，手机端 20-28 最舒适headlineSmall:base.copyWith(fontSize:20,// 从 24 缩小fontWeight:FontWeight.w600,),// Title：最常用，16-18 黄金区间titleMedium:base.copyWith(fontSize:16,fontWeight:FontWeight.w600,// 手机端稍粗更清晰),titleSmall:base.copyWith(fontSize:14,color:cs.onSurfaceVariant,),// Body：14-16 是手机阅读最佳字号bodyMedium:base.copyWith(fontSize:14,height:1.5,// 手机端行高更重要letterSpacing:0.25,),bodySmall:base.copyWith(fontSize:12,height:1.4,color:cs.onSurfaceVariant,),// Label：按钮不小于 14（可访问性）labelLarge:base.copyWith(fontSize:14,// 最小可点击文字fontWeight:FontWeight.w600,color:cs.primary,),);}

📏 手机端字号黄金法则

推荐字号范围：12sp - 20sp ├── 12sp：最小辅助文字（时间戳、来源） ├── 14sp：正文标准（最常用）✅ ├── 16sp：小标题、 emphasized 正文 ✅ ├── 18sp：卡片标题、列表项标题 ├── 20sp：页面标题（手机端最大推荐） └── >20sp：仅特殊场景（平板、横屏）

TextTheme字体方法库

// ========== 构建文字主题（集成 ColorScheme）==========TextTheme_buildTextTheme(bool isDarkMode,ColorSchemecs){finalbaseStyle=TextStyle(color:cs.onSurface,//inherit: true, // 跟随系统字体);returnTextTheme(// ========== Display（超大展示文字）==========// 用途：欢迎页数字、空状态图标文字、启动页标题// 特点：最大字号，轻微负字间距更紧凑displayLarge:baseStyle.copyWith(fontSize:57,fontWeight:FontWeight.w300,// 细体更优雅letterSpacing:-0.25,color:cs.onSurface,),displayMedium:baseStyle.copyWith(fontSize:45,fontWeight:FontWeight.w300,letterSpacing:0,color:cs.onSurface,),displaySmall:baseStyle.copyWith(fontSize:36,fontWeight:FontWeight.w400,letterSpacing:0,color:cs.onSurface,),// ========== Headline（页面标题）==========// 用途：页面顶部标题、模块大标题// 特点：醒目但比 Display 收敛headlineLarge:baseStyle.copyWith(fontSize:32,fontWeight:FontWeight.w400,letterSpacing:0,color:cs.onSurface,),headlineMedium:baseStyle.copyWith(fontSize:28,fontWeight:FontWeight.w400,letterSpacing:0,color:cs.onSurface,),headlineSmall:baseStyle.copyWith(fontSize:24,fontWeight:FontWeight.w500,// 加粗区分层级letterSpacing:0,color:cs.onSurface,),// ========== Title（组件标题）==========// 用途：卡片标题、列表项标题、对话框标题// 优化：添加主色强调选项titleLarge:baseStyle.copyWith(fontSize:22,fontWeight:FontWeight.w400,letterSpacing:0,color:cs.onSurface,),titleMedium:baseStyle.copyWith(fontSize:16,fontWeight:FontWeight.w500,letterSpacing:0.15,color:cs.onSurface,),titleSmall:baseStyle.copyWith(fontSize:14,fontWeight:FontWeight.w500,letterSpacing:0.1,// 优化：弱化一点，区分于 titleMediumcolor:cs.onSurfaceVariant,),// ========== Body（正文内容）==========// 用途：段落文字、说明文字、主要内容// 核心：阅读舒适度优先bodyLarge:baseStyle.copyWith(fontSize:16,fontWeight:FontWeight.w400,letterSpacing:0.5,// 宽松字间距易读height:1.5,// 行高增加可读性color:cs.onSurface,),bodyMedium:baseStyle.copyWith(fontSize:14,fontWeight:FontWeight.w400,letterSpacing:0.25,height:1.4,color:cs.onSurface,),bodySmall:baseStyle.copyWith(fontSize:12,fontWeight:FontWeight.w400,letterSpacing:0.4,height:1.3,// 优化：明确使用弱化色color:cs.onSurfaceVariant,),// ========== Label（标签、按钮、辅助文字）==========// 用途：按钮文字、标签、时间戳、提示信息// 优化：区分可点击 vs 纯辅助labelLarge:baseStyle.copyWith(fontSize:14,fontWeight:FontWeight.w500,letterSpacing:0.1,// 优化：可点击标签用主色color:cs.onSurface,),labelMedium:baseStyle.copyWith(fontSize:12,fontWeight:FontWeight.w500,letterSpacing:0.5,// 优化：纯辅助标签用弱化色color:cs.onSurfaceVariant,),labelSmall:baseStyle.copyWith(fontSize:11,fontWeight:FontWeight.w500,letterSpacing:0.5,// 优化：最弱层级，可再降透明度color:cs.onSurfaceVariant.withOpacity(0.8),),);}

⚠️ 可访问性要求（Google 规范）

你的原始配置完全符合规范，放心使用！如需针对小屏手机（<5寸）微调，可将display/headline整体缩小 10-15%。