Quiz App

gistfile1.txt

class QuizWidget extends StatefulWidget {
  const QuizWidget({
    super.key,
    required this.quizModel,
  });
  final QuizModel quizModel;

  @override
  State<QuizWidget> createState() => _QuizWidgetState();
}

class _QuizWidgetState extends State<QuizWidget> {
  int selected = -1;
  void toggle(int pageNum) {
    setState(() {
      selected = pageNum;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        AppText(
          fontSize: 16.sp,
          height: 19.2 / 16,
          text: widget.quizModel.questionText,
          color: grey700,
          weight: FontWeight.w400,
          textAlign: TextAlign.start,
        ),
        SizedBox(
          height: 32.h,
        ),
        ListView.builder(
          itemCount: widget.quizModel.options.length,
          shrinkWrap: true,
          itemBuilder: (BuildContext context, int index) {
            return OptionCard(
              option: widget.quizModel.options[index].optionText,
              clicked: selected == index,
              onTap: () {
                toggle(index);
              },
            );
          },
        ),
      ],
    );
  }
}