dart Flutter ChipThemeData的labelStyle与MaterialStateTextStyle不兼容

yuvru6vn 于 2023-11-14 发布在 Flutter

关注(0)|答案(1)|浏览(148)

我有这个主题我提供给我的MaterialApp的数据

ThemeData get themeData => ThemeData(
        ...
        chipTheme: _chipTheme(),
      );

字符串
其中_chipTheme只是一个自定义的ChipThemeData，它具有labelStyle属性：

labelStyle: MaterialStateTextStyle.resolveWith(
          (states) {
            TextStyle? textStyle;
            if (states.contains(MaterialState.disabled)) {
              textStyle = ...
            }
            else {
              ....
            }
            return textStyle ?? const TextStyle();
          },
        ),

型
问题是labelStyle没有被应用，在resolveWith方法中设置断点/打印语句，我可以看到它没有被调用，我做错了什么，我如何根据芯片的状态设置labelStyle（选择/禁用/等...）

编辑1

我知道我通常可以传递TextStyle而不是MaterialStateTextStyle，但这不会解决问题，因为我需要根据芯片的MaterialState更改TextStyle

dart

来源：https://stackoverflow.com/questions/77409250/flutter-chipthemedatas-labelstyle-not-working-with-materialstatetextstyle

1条答案

按热度按时间

oymdgrw71#

import 'package:flutter/material.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.light().copyWith(
              useMaterial3: true,
        chipTheme: ChipThemeData(
        labelStyle: TextStyle(
                    color: MaterialStateColor.resolveWith((states) {
                      Color? color;
                      if (states.contains(MaterialState.disabled)) {
                        color = Colors.red;
                      } else {
                        color = Colors.green;
                      }
                      return color;
                    }),
                  ),),
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ActionChip(label: Text("Test"), onPressed: (){});
  }
}

字符串
如果您将onPressed从Windows Chip中删除，它应该跳转到禁用状态。
如文档中所述，您可以处理以下状态：
如果TextStyle.color是MaterialStateProperty，则MaterialStateProperty.resolve用于以下MaterialStates：
MaterialState.disabled.MaterialState.selected.MaterialState.hovered.MaterialState.focused.MaterialState.pressed.

展开查看全部

赞(0）回复(0）举报 2023-11-14

我来回答

dart Flutter ChipThemeData的labelStyle与MaterialStateTextStyle不兼容

编辑1

1条答案

相关问题

热门标签

最新问答