You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中GetX属性对话框文本出现黄色下划线如何解决?

解决Flutter对话框中GetX场景下文本黄色下划线问题

针对文本下方出现黄色下划线的问题,可通过以下几种方式解决:

  • 处理文本溢出警告
    当文本超出可用显示空间时,Flutter会用黄色下划线提示溢出。给Text组件添加overflow属性即可消除:

    Text(
      "How to check tyre size",
      textAlign: TextAlign.center,
      overflow: TextOverflow.clip, // 可根据需求选择ellipsis/visible
      style: GoogleFonts.poppins(
          fontSize: 25,
          fontWeight: FontWeight.w600,
          color: Color(0xFF002E46)),
    )
    
  • 强制移除文本装饰
    如果是GetX状态订阅(如Obx/GetBuilder)带来的提示线,可在文本样式中显式关闭装饰:

    Text(
      "How to check tyre size",
      textAlign: TextAlign.center,
      style: GoogleFonts.poppins(
          fontSize: 25,
          fontWeight: FontWeight.w600,
          color: Color(0xFF002E46),
          decoration: TextDecoration.none), // 强制清除下划线
    )
    
  • 调整父组件空间约束
    当前Container固定了高度330,嵌套的Column+Expanded可能导致空间不足。可以尝试去掉Expanded包裹,或者调整Container的高度值,确保文本有足够的显示空间。

内容的提问来源于stack exchange,提问作者THOMSON V JOY

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 04:49:54