flutter如何覆盖第三方组件样式?

Question

flutter如何覆盖第三方组件样式?

比如我现在这个tdesign的ui库的底部弹框的标题文字大小设置小一点，但是我看ui库文档api并没有,
那我如何跟vue一样能v-deep这样强制改变呢

Answer 1

MaterialApp(
  theme: ThemeData(
    textTheme: TextTheme(
      titleLarge: TextStyle(fontSize: 16), 
    ),
  ),
  // ...
)

或者自定义：

class CustomTDPopupBottomDisplayPanel extends StatelessWidget {
  final Widget child;
  final String title;
  
  const CustomTDPopupBottomDisplayPanel({
    Key? key, 
    required this.child,
    required this.title,
  }) : super(key: key);
  
  @override
  Widget build(BuildContext context) {
    return TDPopupBottomDisplayPanel(
      backgroundColor: Utils.getColor(context),
      titleColor: Colors.white,
      closeColor: AppColors.primaryColor,
      // 不使用原始标题
      title: "",
      radius: 8,
      titleLeft: true,
      closeClick: () {
        Navigator.maybePop(context);
      },
      // 在child中添加自定义标题
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: EdgeInsets.only(left: 16, top: 16, bottom: 8),
            child: Text(
              title,
              style: TextStyle(
                color: Colors.white,
                fontSize: 14, // 自定义字体大小
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
          child,
        ],
      ),
    );
  }
}