zex_rectooor
zex_rectooor

Reputation: 1002

TextStyle color does not effect on chips in flutter

The color of choice chips have a blury effect and does not show real color. Why this happen? Choice chips :

                  if (index == 0) {
                    return ChoiceChip(
                      label: Text('selected'),
                      selected: true,
                      showCheckmark: false,
                      avatar: TelmisIcon.reviewsOutlined,
                      color: WidgetStatePropertyAll(Colors.blue),
                    );
                  }
                  return ChoiceChip(
                    label: Text('data'),
                    selected: false,
                    showCheckmark: false,
                    avatar: TelmisIcon.reviewsOutlined,
                  );

Theme file :

  ChipThemeData get _chipTheme => ChipThemeData(
    shape: StadiumBorder(),
    side: BorderSide.none,
    backgroundColor: colorExtenstion.white,
    color: WidgetStatePropertyAll(colorExtenstion.white),
    labelStyle: fontsExtenstion.labelLarge.copyWith(
      color: colorExtenstion.grey80, // This color is almost black but on screen does not effect well
    ),
  );

A screenshot from rendered application

Upvotes: 0

Views: 60

Answers (0)

Related Questions