How to change color in TextButton.icon

650

You can use the TextButton.stylefrom on the style of the TextButton. In this method, you can use primary to set the colors of both the icon and label. If you want to set another color for the icon, you can set the icon color in Icon.

TextButton.icon(
   onPressed:(){}),
   style: TextButton.styleFrom(
      primary: Colors.blue,
   ),
   icon: Icon(Icons.ac_unit, color: Colors.red),
   label: Text("label"),
 )
Share:
650
Admin
Author by

Admin

Updated on January 03, 2023

Comments

  • Admin
    Admin over 1 year

    I want to have an icon with text, so I used TextButton.icon but I can not change the color of the text or icon! Please suggest if anyone has a solution this is my code:

    SizedBox(height: 8,),
            TextButton.icon(
              icon: Icon(Icons.delete),
              label: Text('delete'),
    
              onPressed: (){},
            ),
    
    • OMi Shah
      OMi Shah about 2 years
      icon: Icon(Icons.delete, color: Colors.red) and label: Text('delete', style: TextStyle(color: Colors.red))