gpt4 book ai didi

flutter - 元素类型 'List'无法分配给列表类型 'Widget'

转载 作者:行者123 更新时间:2023-12-03 04:00:31 26 4
gpt4 key购买 nike

我是新手,我想用他们的选择来迭代问题。问题有单独的小部件,答案有单独的部件。这个问题有多个答案,因此我尝试在其上使用map。我正在学习https://youtu.be/x0uinJvhNxI?t=16739类(class),但我不知道哪里出错了

main.dart:


import 'question.dart';
import 'answer.dart';

/*void main() {
runApp(MyApp());
}*/

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return MyAppState();
}
}

class MyAppState extends State<MyApp> {
var questionIndex = 0;

void answerQuestion() {
setState(() {
questionIndex += 1;
});

print('Answer Chosen');
}

@override
Widget build(BuildContext context) {
var questions = [
{
'questionText': 'What is your favourite color?',
'options': ['Black', 'Red', 'Green', 'White'],
},
{
'questionText': 'What is your favourite animal?',
'options': ['Dog', 'Cat', 'Snake', 'Elephant'],
},
{
'questionText': 'Who is your favourite instructor?',
'options': ['Shree', 'Sthapit', 'Mr Shree', 'Mr Sthapit'],
}
];
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('My First Flutter App'),
),
body: Column(
children: [
Question(questions[questionIndex]['questionText']),
...(questions[questionIndex]['options'] as List<String>).map((
answer) {
return Answer(answerQuestion, answer)
}).toList()
],

),
),
);
}
}

answer.dart:

class Answer extends StatelessWidget {
final Function answerQuestion;
final String answerText;

Answer(this.answerQuestion,this.answerText);

@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
margin: EdgeInsets.all(15),
child: RaisedButton(
color: Colors.lightBlue,
textColor: Colors.white,
child: Text(answerText),
onPressed: answerQuestion),
);
}
}``

最佳答案

我有同样的问题,并通过更新抖动来解决

关于flutter - 元素类型 'List<Answer>'无法分配给列表类型 'Widget',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57482274/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com