需要帮助显示带有颤振/飞镖的图像

Question

i am brand new here and have been looking around for a while but can't seem to find anything relating to what i'm trying to do. I have created a simple quiz app and i have collected the users answers and associated them with a score. I have worked out how to display text to the user based on their score but am now trying to work out how i would go about displaying an image that is based on their result. I have made a separate widget for the image(s) but am having trouble implementing it into my "results" widget. Is this the best way to go for something like this? Using a Boolean then redirecting them to the specified widget, or would it be better to display the image using a different way in the results widget itself. Any tips or advice as i'm extremely new to all of this, even links to text tutorials or videos would be really appreciated. Apologies if this is already out there somewhere i probably just didn't look hard enough. Cheers

Answer 1

You can load a "RootWidget" which decides what image to show.

Your Score View:

Column(
  children: <Widget>[
    Text(
     'YourScore',
    ),
    ImageChooser(
      score
    ),
  ],
),

ImageChooser build Method:

Widget build(BuildContext context) {
    if(widget.score > 10) {
        return Image(YOUR_IMAGE_1);
    } else {
        return Image(YOUR_IMAGE_2);
    }      
}

EDIT: You need to pass the score in the constructor of the StatefulWidget