Flutter change text when button pressed

Question

yo guys i'll try to change text at button when clicked on...

my code :

         bool pressGeoON = false;
         bool cmbscritta = false;
           RaisedButton(
                  shape: new RoundedRectangleBorder(
                      borderRadius: new BorderRadius.circular(18.0),
                      side: BorderSide(color: Colors.red)),
                  color: pressGeoON ? Colors.blue: Colors.red,
                  textColor: Colors.white,
                  child:  cmbscritta ? Text("GeoOn"): Text("GeoOFF"),
                  //    style: TextStyle(fontSize: 14)

                  onPressed: () {
                    setState(() => pressGeoON = !pressGeoON);
                    setState(() => cmbscritta = !cmbscritta);
                  },
                )

No advice from dart Analisys but not work...help!

can you share complete code in which you're calling this RaisedButton ? — Omi Shah
– Omi Shah, Commented Dec 14, 2019 at 11:11
where did you define this variable? bool pressGeoON = false; bool cmbscritta = false; — Jay Gadariya
– Jay Gadariya, Commented Dec 14, 2019 at 11:21

Jay Gadariya · Accepted Answer · 2019-12-14 11:24:50Z

your class must be stateful to change state of activity

also the variable must be declared globally

class MyClass extends StatefulWidget {
  @override
  _MyClassState createState() => _MyClassState();
}

class _MyClassState extends State<MyClass> {
  bool pressGeoON = false;
  bool cmbscritta = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          shape: new RoundedRectangleBorder(
              borderRadius: new BorderRadius.circular(18.0),
              side: BorderSide(color: Colors.red)),
          color: pressGeoON ? Colors.blue : Colors.red,
          textColor: Colors.white,
          child: cmbscritta ? Text("GeoOn") : Text("GeoOFF"),
          //    style: TextStyle(fontSize: 14)
            onPressed: () {
              setState(() {
                pressGeoON = !pressGeoON;
                cmbscritta = !cmbscritta;
              });
            }
        ),
      ),
    );
  }
}

Kalpesh Kundanani · Accepted Answer · 2019-12-14 11:26:07Z

6

For this bool pressGeoON = false; bool cmbscritta = false; should be global variable of your widget and it will start working.

edited Dec 14, 2019 at 11:26

answered Dec 14, 2019 at 11:21

Kalpesh Kundanani

5,8234 gold badges26 silver badges32 bronze badges

3 Comments

Daniele Angelini Over a year ago

wowww correct :) can explain how? not write after @ovverride Widget build(BuildContext context) { }

Kalpesh Kundanani Over a year ago

invoking setState() will call build method of your widget and the values of bool pressGeoON = false; bool cmbscritta = false; will get reset. so these variable should be out of your build method. so that their values can be persisted.

Kalpesh Kundanani Over a year ago

Print log in your build method's first line and press button you will see that when you call setState() the build method will also be called.

Omi Shah · Accepted Answer · 2019-12-14 11:20:04Z

3

You should simplify your onPressed as:

onPressed: () {
   setState(() {
     pressGeoON = !pressGeoON;
     cmbscritta = !cmbscritta;
  });
}

and make sure your widget class is StatefulWidget not StatelessWidget

edited Dec 14, 2019 at 11:20

answered Dec 14, 2019 at 11:14

Omi Shah

6,3143 gold badges28 silver badges41 bronze badges

Comments

Safal Bhatia · Accepted Answer · 2023-02-09 09:49:23Z

0

Simple You can make One variable

var name = "safal"

After that make one method

void changeName(){
 setState(() {
 name = "Sahil";
 });
}

Set text in your Text

Text(
 name,
 style: const TextStyle(
  fontSize: 14,
  fontFamily:
  "Roboto Font Family",
  fontWeight: FontWeight.w400,
  color: grey_color),
)

answered Feb 9, 2023 at 9:49

Safal Bhatia

4354 silver badges6 bronze badges

Collectives™ on Stack Overflow

Flutter change text when button pressed

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related