How to change a text style on Flutter when button pressed

后端 未结 2 684
遥遥无期
遥遥无期 2021-01-11 23:21

Is anyone know how to change a text style on Flutter when the button pressed?

As example, i have a code like this :

class _scanningState extends Stat         


        
相关标签:
2条回答
  • 2021-01-11 23:29

    I recommend you to read about Stateful Widgets https://flutter.io/tutorials/interactive/#stateful-stateless

        class _scanningState extends State<scanning> {
          bool pressed = false;
          String strText = 'ABCDEFG';
    
          @override
          Widget build(BuildContext context) {
            return Scaffold(
                backgroundColor: Colors.blue,
                body: new Column(
                  children: <Widget>[
                    new Text(strText),
                    new RaisedButton(
                      child: new Text(
                        'Button',
                        style: pressed
                            ? TextStyle(fontSize: 30.0)
                            : TextStyle(fontSize: 10.0),
                      ),
                      onPressed: () {
                        //Change text style of strText()???
                        setState(() {
                          pressed = !pressed;
                        });
                      },
                    )
                  ],
                ));
          }
    
    0 讨论(0)
  • 2021-01-11 23:31
    class _scanningState extends State<scanning> {
      bool pressed = true;
      @override
      Widget build(BuildContext context) {
        return Scaffold(
            backgroundColor: Colors.blue,
            body: new Column(
              children: <Widget>[
                new Text(strText,
                        style: pressed
                        ? TextStyle(color: Colors.black)
                        : TextStyle(color:Colors.green),
                ),
                new RaisedButton(
                  child: new Text(
                    'Change color'),
                  onPressed: () {
                    setState(() {
                      pressed = !pressed;
                    });
                  },
                )
              ],
            ));
      }
    

    Maybe you want to change the sibling text. The concept is the same. Happy Flutter

    0 讨论(0)
提交回复
热议问题