[TDPopupBottomDisplayPanel] 文字有下划线

[qicaiy]

tdesign-flutter 版本

^0.1.0

重现链接

No response

重现步骤/代码

`class _buildIntroTab extends State {
int _selectIndex = 0;
final TextS = TextStyle(
decoration: TextDecoration.none, fontSize: 20, color: Colors.black);
@OverRide
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 视频标题
Padding(
padding: EdgeInsets.only(left: 10, top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
// crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
"牧神记",
style: TextStyle(fontSize: 23),
),
SizedBox(width: 20),
Text("5.0"),
],
),
Text(
"2025/国漫",
style: TextStyle(color: Colors.grey[600]),
),
],
),
),

    // 视频操作按钮
    Padding(
      padding: EdgeInsets.symmetric(vertical: 20),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          ElevatedButton.icon(
              icon: Icon(Icons.announcement),
              onPressed: () => {print("点击了搜索")},
              label: Text("反馈")),
          ElevatedButton.icon(
              icon: Icon(Icons.download),
              onPressed: () => {print("点击了搜索")},
              label: Text("下载")),
          ElevatedButton.icon(
              icon: Icon(Icons.favorite),
              onPressed: () => {print("点击了搜索")},
              label: Text("收藏")),
          ElevatedButton.icon(
              icon: Icon(Icons.share),
              onPressed: () => {print("点击了搜索")},
              label: Text("分享")),
        ],
      ),
    ),

    // 选集标题
    Padding(
      padding: EdgeInsets.symmetric(horizontal: 20),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          GestureDetector(
              child: Text("视频详情 >"),
              onTap: () => Navigator.of(context).push(TDSlidePopupRoute(
                  modalBarrierColor: TDTheme.of(context).fontGyColor2,
                  slideTransitionFrom: SlideTransitionFrom.bottom,
                  builder: (context) {
                    return TDPopupBottomDisplayPanel(
                      title: '视频详情',
                      closeClick: () {
                        Navigator.maybePop(context);
                      },
                      child: Container(
                        height: 400,
                        child: Padding(
                          padding: const EdgeInsets.only(left: 20),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text(
                                "牧神记",
                                style: TextS,
                              ),
                              Text("10.0",
                                  style: TextStyle(
                                      fontSize: 15,
                                      color: Colors.red,
                                      decoration: TextDecoration.none)),
                              Text("导演:姚青", style: TextS),
                              Text("主演:秦牧", style: TextS),
                              Text("上映年份:2021", style: TextS),
                              Text(
                                  "简介:残老村中住着来历莫测的九位老人和他们抚养长大的少年秦牧。一日，秦牧负责放牧的母牛竟然口吐人言，自此秦牧更加认识到大墟这片神弃之地的危险绮丽：魔神随黑暗降临、神骨于遗迹起舞、守护幼子的龙骨、拖行太阳的巨船……无论面对何种险境，秦牧都无所畏惧，将九老所传本领融会贯通，誓以举世无双的霸体闯出一片天地。",
                                  overflow: TextOverflow.ellipsis,
                                  maxLines: 4,
                                  style: TextS),
                            ],
                          ),
                        ),
                      ),
                    );
                  }))),
          GestureDetector(
              onTap: () => Navigator.of(context).push(TDSlidePopupRoute(
                  modalBarrierColor: TDTheme.of(context).fontGyColor2,
                  slideTransitionFrom: SlideTransitionFrom.bottom,
                  builder: (context) {
                    return TDPopupBottomDisplayPanel(
                      title: '剧集',
                      closeClick: () {
                        Navigator.maybePop(context);
                      },
                      child: Container(
                          height: 400,
                          padding: const EdgeInsets.all(16),
                          child: GridView.count(
                            crossAxisCount: 4, // 每行显示4个
                            mainAxisSpacing: 12, // 垂直间距
                            crossAxisSpacing: 12, // 水平间距
                            childAspectRatio: 1.2, // 宽高比
                            children: List.generate(
                                30,
                                (index) => GestureDetector(
                                      onTap: () {
                                        if (mounted) {
                                          setState(() {
                                            _selectIndex = index;
                                            Navigator.maybePop(context);
                                            final newUrl =
                                                "https://xxx/mp4/mv.mp4"; 
                                            widget
                                                .updateFn(newUrl); 
                                          });
                                        }
                                      },
                                      child: Container(
                                        decoration: BoxDecoration(
                                          color: _selectIndex == index
                                              ? Colors.orange
                                              : Colors.white,
                                          borderRadius:
                                              BorderRadius.circular(15),
                                          border: Border.all(
                                              color: Colors.grey),
                                        ),
                                        child: Center(
                                          child: Text(
                                            "${index + 1}",
                                            style: TextStyle(
                                                fontSize: 20,
                                                color: _selectIndex == index
                                                    ? Colors.white
                                                    : Colors.black,
                                                decoration:
                                                    TextDecoration.none),
                                          ),
                                        ),
                                      ),
                                    )),
                          )),
                    );
                  })),
              child: Text("剧集 >"))
        ],
      ),
    ),

    // 横向剧集选择器
    Container(
      height: 50,
      margin: const EdgeInsets.only(top: 15),
      child: ListView.separated(
        padding: const EdgeInsets.symmetric(horizontal: 20),
        scrollDirection: Axis.horizontal,
        shrinkWrap: true,
        physics: const BouncingScrollPhysics(),
        itemCount: 30,
        separatorBuilder: (_, __) => const SizedBox(width: 10),
        itemBuilder: (context, index) => GestureDetector(
          onTap: () {
            if (mounted) {
              setState(() {
                print("index信息:${index} _selectIndex:{$_selectIndex}");
                _selectIndex = index;
                final newUrl =
                    "https://images.qicaiy.cn/mp4/mv.mp4"; // 根据索引生成新URL
                widget.updateFn(newUrl); // 调用父级回调
              });
            }
          },
          child: Container(
            width: 50,
            decoration: BoxDecoration(
              color: _selectIndex == index ? Colors.orange : Colors.white,
              borderRadius: BorderRadius.circular(15),
              border: Border.all(color: Colors.grey),
            ),
            child: Center(
                child: Text(
              "${index + 1}",
              style: TextStyle(
                  color:
                      _selectIndex == index ? Colors.white : Colors.black),
            )),
          ),
        ),
      ),
    ),
  ],
);

}`

期望结果

No response

实际结果

No response

Flutter版本

3.27.4

设备与机型信息

No response

系统版本

No response

补充说明

No response

IssueShoot

• 预估时长：3
• 期望完成时间：2025-4-30
• 开发难度：中
• 参与人数：1
• 需求对接人：zflyluo
• 验收标准：这个应该是外部没有套Materail或Scafold导致的，尝试兼容这种用法，默认不出现下划线，提 MR并通过 验收无误
• 备注：最终激励以实际提交 pr 并合并为准。TDesignFlutter贡献指南：https://tdesign.tencent.com/flutter/develop

[github-actions]

👋 @qicaiy，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[Jzow]

感谢反馈，我写了个测试用例，并没有复现，辛苦您仔细排查一下，有任何问题随时反馈。

import 'package:flutter/material.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';

void main() => runApp(const PopupPanelTestApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'PopupPanel 测试示例',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const TestPage(),
    );
  }
}

class TestPage extends StatefulWidget {
  const TestPage({super.key});

  @override
  State<TestPage> createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  int _selectIndex = 0;
  final TextS = const TextStyle(
      decoration: TextDecoration.none, fontSize: 20, color: Colors.black);
  String _videoUrl = "https://example.com/default.mp4";

  void _updateUrl(String newUrl) {
    setState(() {
      _videoUrl = newUrl;
    });
    print("视频URL已更新: $newUrl");
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('弹窗测试页面')),
      body: _buildMainContent(),
    );
  }

  Widget _buildMainContent() {
    return SingleChildScrollView(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          _buildVideoHeader(),
          _buildActionButtons(),
          _buildEpisodeSelector(),
        ],
      ),
    );
  }

  Widget _buildVideoHeader() {
    return Padding(
      padding: const EdgeInsets.only(left: 10, top: 20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              const Text("牧神记", style: TextStyle(fontSize: 23)),
              const SizedBox(width: 20),
              Text("5.0", style: TextStyle(color: Colors.grey[600])),
            ],
          ),
          Text("2025/国漫", style: TextStyle(color: Colors.grey[600])),
        ],
      ),
    );
  }

  Widget _buildActionButtons() {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 20),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          _buildIconButton(Icons.announcement, "反馈"),
          _buildIconButton(Icons.download, "下载"),
          _buildIconButton(Icons.favorite, "收藏"),
          _buildIconButton(Icons.share, "分享"),
        ],
      ),
    );
  }

  Widget _buildIconButton(IconData icon, String label) {
    return ElevatedButton.icon(
      icon: Icon(icon),
      onPressed: () => print("点击了$label"),
      label: Text(label),
    );
  }

  Widget _buildEpisodeSelector() {
    return Column(
      children: [
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 20),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              _buildDetailButton(),
              _buildEpisodeButton(),
            ],
          ),
        ),
        _buildHorizontalEpisodeList(),
      ],
    );
  }

  Widget _buildDetailButton() {
    return GestureDetector(
      onTap: () => _showPanel(context, _buildVideoDetailPanel()),
      child: const Text("视频详情 >"),
    );
  }

  Widget _buildEpisodeButton() {
    return GestureDetector(
      onTap: () => _showPanel(context, _buildEpisodePanel()),
      child: const Text("剧集 >"),
    );
  }

  Widget _buildHorizontalEpisodeList() {
    return Container(
      height: 50,
      margin: const EdgeInsets.only(top: 15),
      child: ListView.separated(
        padding: const EdgeInsets.symmetric(horizontal: 20),
        scrollDirection: Axis.horizontal,
        itemCount: 30,
        separatorBuilder: (_, __) => const SizedBox(width: 10),
        itemBuilder: (context, index) => GestureDetector(
          onTap: () => _handleEpisodeSelect(index),
          child: Container(
            width: 50,
            decoration: BoxDecoration(
              color: _selectIndex == index ? Colors.orange : Colors.white,
              borderRadius: BorderRadius.circular(15),
              border: Border.all(color: Colors.grey),
            ),
            child: Center(
              child: Text(
                "${index + 1}",
                style: TextStyle(
                  color: _selectIndex == index ? Colors.white : Colors.black,
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }

  void _showPanel(BuildContext context, Widget panel) {
    showModalBottomSheet(
      context: context,
      builder: (_) => panel,
      isScrollControlled: true,
    );
  }

  Widget _buildVideoDetailPanel() {
    return TDPopupBottomDisplayPanel(
      title: '视频详情',
      closeClick: () => Navigator.pop(context),
      child: Container(
        height: 400,
        padding: const EdgeInsets.only(left: 20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text("牧神记", style: TextS),
            Text("10.0",
                style: const TextStyle(
                    fontSize: 15,
                    color: Colors.red,
                    decoration: TextDecoration.none)),
            Text("导演:姚青", style: TextS),
            Text("主演:秦牧", style: TextS),
            Text("上映年份:2021", style: TextS),
            Expanded(
              child: Text(
                "简介:残老村中住着来历莫测的九位老人和他们抚养长大的少年秦牧。一日，秦牧负责放牧的母牛竟然口吐人言，自此秦牧更加认识到大墟这片神弃之地的危险绮丽：魔神随黑暗降临、神骨于遗迹起舞、守护幼子的龙骨、拖行太阳的巨船……无论面对何种险境，秦牧都无所畏惧，将九老所传本领融会贯通，誓以举世无双的霸体闯出一片天地。",
                overflow: TextOverflow.ellipsis,
                maxLines: 4,
                style: TextS,
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildEpisodePanel() {
    return TDPopupBottomDisplayPanel(
      title: '剧集',
      closeClick: () => Navigator.pop(context),
      child: Container(
        height: 400,
        padding: const EdgeInsets.all(16),
        child: GridView.count(
          crossAxisCount: 4,
          mainAxisSpacing: 12,
          crossAxisSpacing: 12,
          childAspectRatio: 1.2,
          children: List.generate(30, (index) => _buildGridItem(index)),
        ),
      ),
    );
  }

  Widget _buildGridItem(int index) {
    return GestureDetector(
      onTap: () => _handleEpisodeSelect(index),
      child: Container(
        decoration: BoxDecoration(
          color: _selectIndex == index ? Colors.orange : Colors.white,
          borderRadius: BorderRadius.circular(15),
          border: Border.all(color: Colors.grey),
        ),
        child: Center(
          child: Text(
            "${index + 1}",
            style: TextStyle(
              fontSize: 20,
              color: _selectIndex == index ? Colors.white : Colors.black,
              decoration: TextDecoration.none,
            ),
          ),
        ),
      ),
    );
  }

  void _handleEpisodeSelect(int index) {
    if (mounted) {
      setState(() {
        _selectIndex = index;
        final newUrl = "https://xxx/mp4/mv_$index.mp4";
        _updateUrl(newUrl);
      });
    }
  }
}

[YangSmallline]

用 Td_text就没问题了

void showBottomSheet({String? title, String? content}) {
Navigator.of(Get.context!).push(
TDSlidePopupRoute(
slideTransitionFrom: SlideTransitionFrom.bottom,
builder: (context) {
return TDPopupBottomDisplayPanel(
title: title,
radius: 20,
backgroundColor: CbColors.back_FAFFFC,
closeClick: () {
Navigator.maybePop(context);
},
child: Container(
padding: EdgeInsets.only(left: 20, right: 20, bottom: 33),
decoration: BoxDecoration(color: CbColors.back_FFFFFF),
child: Column(
children: [
if (content != null)
TDText(
content,
style: TextStyle(
color: CbColors.font_3B3D41,
fontSize: 24,
fontWeight: FontWeight.w700,
),
),
const Gap(20),
Container(
child: TDButton(
width: double.infinity,
height: 44,
text: '立即拨打',
size: TDButtonSize.large,
iconWidget: Icon(Icons.phone, size: 13, color: CbColors.back_FFFFFF),
iconTextSpacing: 5,
style: TDButtonStyle(textColor: CbColors.back_FFFFFF, backgroundColor: CbColors.main_26A96A, radius: BorderRadius.circular(22)),
activeStyle: TDButtonStyle(textColor: CbColors.back_FFFFFF, backgroundColor: CbColors.back_78DBA9, radius: BorderRadius.circular(22)),
disableStyle: TDButtonStyle(textColor: CbColors.back_FFFFFF, backgroundColor: CbColors.back_78DBA9, radius: BorderRadius.circular(22)),
),
),
],
),
),
);
},
),
);
}
}

[YangSmallline]

普通text确实有这个问题

[Jzow]

你好，请问0.1.9新版本还有这个问题吗？

[Luozf12345]

问题已复现，预计0.2.0版本修复