An Interest In:
Web News this Week
- April 29, 2024
- April 28, 2024
- April 27, 2024
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
April 4, 2023 04:02 pm GMT
Original Link: https://dev.to/realnamehidden1_61/how-to-change-button-color-on-press-in-flutter-55m
how to change button color on press in Flutter
import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const Home(), debugShowCheckedModeBanner: false, ); }}class Home extends StatefulWidget { const Home({super.key}); @override State<Home> createState() => _HomeState();}class _HomeState extends State<Home> { bool isPressed = false; @override Widget build(BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( style: ElevatedButton.styleFrom( backgroundColor: isPressed ? Colors.black : Colors.blue), onPressed: () { setState(() { isPressed = !isPressed; }); }, child: Text('Press Here'), ), ), ); }}
Original Link: https://dev.to/realnamehidden1_61/how-to-change-button-color-on-press-in-flutter-55m
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To