Flutter / Dart: StatefulWidget - access class variable inside Widget

Question

I declare a class variable for a StatefulWidget - in the code below it's someString. Is it possible to use this variable in the build(…)-method without declaring it as static?

class MyClass extends StatefulWidget {
  String someString;
  MyClass() {
    this.someString = "foo";
  }
  @override
  _MyClassState createState() => _MyClassState();
}

class _MyClassState extends State<MyClass> {
  _MyClassState();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("someString - how to access it here?!"),
        // title: Text(someString), is not possible, obviously
      ),
    );
  }
}

Thanks in advance for help!

you can directly access it like this Text(widget.someString); — Raine Dale Holgado
– Raine Dale Holgado, Commented Feb 16, 2021 at 0:32

CoderUni · Accepted Answer · 2021-02-16 01:11:29Z

7

Attention: MyClass should be immutable.

1. If `someString` will never change

Keep it inside MyClass but define it as final.

class MyClass extends StatefulWidget {
  final String someString;

  const MyClass({Key key, this.someString = 'foo'}) : super(key: key);

  @override
  _MyClassState createState() => _MyClassState();
}

Then, inside the State, you can use it as widget.someString:

class _MyClassState extends State<MyClass> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('${widget.someString} is accessed here?!')),
    );
  }
}

2. If `someString` will change

It should be defined in the state.

class MyClass extends StatefulWidget {
  final String initialValue;

  const MyClass({Key key, this.initialValue = 'foo'}) : super(key: key);

  @override
  _MyClassState createState() => _MyClassState();
}

class _MyClassState extends State<MyClass> {
  String someString;

  @override
  void initState() {
    someString = widget.initialValue;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('$someString is accessed here?!')),
      body: Center(
        child: OutlinedButton(
          onPressed: () => setState(() => someString = 'NEW Value'),
          child: Text('Update value'),
        ),
      ),
    );
  }
}

edited Feb 16, 2021 at 1:11

CoderUni

6,2049 gold badges31 silver badges62 bronze badges

answered Feb 16, 2021 at 0:50

Thierry

8,4932 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

BNetz Over a year ago

Thanks, Thierry, this is was extremely helpful! If someString will change - how is it possible to pass it to the State via the constructor?

Thierry Over a year ago

Is it changing within the MyClass widget or only from ancestors in the Widget Tree?

BNetz Over a year ago

In the MyClass widget.

Thierry Over a year ago

MyClass(initialValue: 'Azerty')

Collectives™ on Stack Overflow

Flutter / Dart: StatefulWidget - access class variable inside Widget

1 Answer 1

1. If `someString` will never change

2. If `someString` will change

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1. If someString will never change

2. If someString will change

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related

1. If `someString` will never change

2. If `someString` will change