Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 4, 2023 04:02 pm GMT

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:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To