Flutter如何使图像不在条件下显示



我需要一个图像来显示或不显示,条件是如果用户的答案是正确的,则按钮将显示,但如果问题的答案是错误的,则图像将不显示。条件是if(joinedWords=data[widget.CurrentIndex].canthen//不显示下一个水平图像。如果asnwer比按钮显示的正确。

String joinedWords =
selectedWords.join(" ").toString();
String _setRatingOnAlert() {
//print(controller.duration?.inSeconds);
print(data![widget.CurrentIndex].timer);
print(data[widget.CurrentIndex].level);
print(joinedWords);
print(data[widget.CurrentIndex].sentence);
print(widget.CurrentIndex);
if (joinedWords ==
data[widget.CurrentIndex].sentence) {
starsRating = 'assets/threestars_small.png';
} else {
starsRating = 'assets/zerostars_small.png';
}
return starsRating;
}
return Container(
child: Stack(
children: [
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding:
const EdgeInsets.only(right: 110),
child: FlatButton(
onPressed: () {
setState(() {
selectedWords.clear();
Navigator.pop(context);
});
},
child: Image.asset(
'assets/restartbutton.small.png',
height: 80,
width: 80,
),
),
),
),
Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding:
const EdgeInsets.only(left: 110),
child: FlatButton(
onPressed: () {
Navigator.pop(context);
/// E close munu
Navigator.pop(context);
/// E hek current quiz page
Navigator.push(
/// E qel next level quiz
context,
MaterialPageRoute(
builder: (context) =>
RenditFjaletButton(
QuizList: widget
.AllQuizLists[
widget.CurrentIndex +
1]
.word,
AllQuizLists:
widget.AllQuizLists,
CurrentIndex:
widget.CurrentIndex + 1,
),
),
);
},
child: Image.asset(
'assets/next_small.png', // this is the button that i   
  dont want to show if the 
  answer is wrong
height: 80,
width: 80,
),
),
),
),

在这种情况下使用三元运算符。bool answer=false;//用答案做一些运算;

(回答(?ShowImage((:Container((;

小工具showImage(({退货集装箱(child:Image.network('imagePath',适合:BoxFit.fitWidth,

);}

如果需要条件,可以使用三元运算符。执行以下操作:

isTrue? Image.asset():Container()

最新更新