Flutter: How to pass variables from StatelessWidget to StatefulWidget

Question

The problem is that I cannot pass the values of my own class ForceSelection values from another screen to another screen's StatefulWidget. It works fine in StatelessWidget. I have tried to learn from this flutter tutorial: https://flutter.dev/docs/cookbook/navigation/passing-data#4-navigate-and-pass-data-to-the-detail-screen

I have this kind of class in levelSelection.dart

class ForceSelection {
  final String forceSelection;
  final String langSelection;

  ForceSelection(this.forceSelection, this.langSelection);
}

I am trying to pass the values to next file PlayQuiz.dart

Game(forceSelection: ForceSelection('maa', 'fin'))

game.dart looks like this:

class Game extends StatelessWidget {
  final ForceSelection forceSelection;

  Game({Key key, @required this.forceSelection}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: forceSelection.langSelection, // TODO should work and change later
      theme: new ThemeData(
        primaryColor: Colors.white,
      ),
      home: PlayQuiz(),
    );
  }
}

And I want to pass the ForceSelection values to PlayQuiz()

class PlayQuizState extends State<PlayQuiz> {
  Game.forceSelection // <--- How can I get the value out of here?
}

class PlayQuiz extends StatefulWidget {
  @override
  PlayQuizState createState() => new PlayQuizState(); 
}

The whole code can be found here: https://pastebin.com/nKssz42R and also levelSelection.dart: https://pastebin.com/8QbBD0A2

Do you wish to pass from parent -> child or child -> parent? — user1462442
– user1462442, Commented Apr 3, 2019 at 16:57

Mangaldeep Singh Pannu · Accepted Answer · 2019-04-03 14:55:50Z

9

Try this code

Added forceSelecton argument in PlayQuiz()

class Game extends StatelessWidget {
final ForceSelection forceSelection;

Game({Key key, @required this.forceSelection}) : super(key: key);

@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: forceSelection.langSelection, // TODO should work and change later
    theme: new ThemeData(
      primaryColor: Colors.white,
    ),
    home: PlayQuiz(forceSelection),
  );
 }
}

In Play Quiz

class PlayQuiz extends StatefulWidget {
  final ForceSelection forceSelection;

  PlayQuiz(this.forceSelection);

  @override
  PlayQuizState createState() => new PlayQuizState(forceSelection); 
}

In PlayQuizState

class PlayQuizState extends State<PlayQuiz> {
  ForceSelection forceSelection;

  PlayQuizState(ForceSelection forceSelection) {
    this.forceSelection = forceSelection;
  }
}

edited Apr 3, 2019 at 14:55

answered Apr 3, 2019 at 14:22

Mangaldeep Singh Pannu

4,0073 gold badges29 silver badges49 bronze badges

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

1 Comment

Mg Bhadurudeen Over a year ago

don't pass objects as args. instead, use widget.forceSelection in the state class. It is the better approach. see this: stackoverflow.com/questions/50818770/…

Collectives™ on Stack Overflow

Flutter: How to pass variables from StatelessWidget to StatefulWidget

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related