Flutter: виджет не перестраивается при использовании setstate с AnimatedSwitcher

Question

У меня есть вопрос о RadioListTile и Radio в Flutter. При использовании RadioListTile вместе с AnimatedSwitcher невозможно выбрать радиокнопки.

Ошибка заключается в этой строке:

 Widget pageTest;

 @override
 initState() {
    super.initState();
    pageTest = thirdSurveyPage();
  }

 @override
 Widget build(BuildContext context) {
 return Scaffold(
   body: AnimatedSwitcher(
       duration: Duration(milliseconds: 800), child: pagetest));
 }

Если я сделаю это так:

  @override
  Widget build(BuildContext context) {
  return Scaffold(
    body: AnimatedSwitcher(
        duration: Duration(milliseconds: 800), child: thirdSurveyPage()));
  }

работает выбор радиокнопок. Мне нужно использовать первый метод, чтобы иметь возможность использовать виджет AnimatedSwitcher, фрагмент кода показывает только один фрагмент из трех, так как два других работают правильно.

Я сузил его до виджета "thirdSurveyPage "очевидно, не восстанавливаются при использовании первого метода, но я не знаю, как это исправить.

Вот кодовая ручка: https://codepen.io/mstachalski/pen/ZEbOPNa

Спасибо в авансовый.

Answer 1

Вы можете скопировать и запустить полный код ниже
thirdSurveyPage() - это функция, поэтому вы можете использовать Function pageTest not Widget pageTest

фрагмент кода

Function pageTest;

  @override
  initState() {
    super.initState();
    pageTest = thirdSurveyPage;
  }

@override
  Widget build(BuildContext context) {
    print("build");
    return Scaffold(
        body: AnimatedSwitcher(
            duration: Duration(milliseconds: 800), child: pageTest()));
  }  

рабочая демоверсия

полный код

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _SurveyPageState1();
  }
}

class _SurveyPageState1 extends State<MyWidget> {
  int rating1 = 0;
  int rating2 = 0;
  int rating3 = 0;
  int rating4 = 0;
  int rating5 = 0;
  String _answerQ6 =
      "Was andere Besucher vermutlich denken, wenn ich mich entscheide zu dieser Bar zu gehen";

  Function pageTest;

  @override
  initState() {
    super.initState();
    pageTest = thirdSurveyPage;
  }

  Map<int, String> questions = {
    11: "1. Mit der BarBachelor-App bin ich:",
    12: "2. Wenn ich beim nächsten Event die Wahl habe, möchte ich diese App noch einmal verwenden.",
    13: "3. Die Infos zu jeder Bar waren zuverlässig",
    14: "4. Es war schwierig sich zu entscheiden, zu welcher Bar man als nächstes geht.",
    15: "5. Ich finde die BarBachelor-App nützlich.",
    16: "6. Was bedeuten die Handsymbole bei jeder Bar?",
  };

  ///This doesnt work
  @override
  Widget build(BuildContext context) {
    print("build");
    return Scaffold(
        body: AnimatedSwitcher(
            duration: Duration(milliseconds: 800), child: pageTest()));
  }

  Widget thirdSurveyPage() {
    return Container(
      key: ValueKey(3),
      margin: EdgeInsets.all(16),
      child: Column(
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          Padding(padding: EdgeInsets.only(top: 32)),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              RadioListTile<String>(
                title: const Text(
                    'Was andere Besucher vermutlich denken, wenn ich mich entscheide zu dieser Bar zu gehen.'),
                value:
                    "Was andere Besucher vermutlich denken, wenn ich mich entscheide zu dieser Bar zu gehen.",
                groupValue: _answerQ6,
                onChanged: (String value) {
                  setState(() {
                    _answerQ6 = value;
                  });
                },
              ),
              RadioListTile<String>(
                title: const Text("Wie gut die Stimmung in dieser Bar ist."),
                value: "Wie gut die Stimmung in dieser Bar ist.",
                groupValue: _answerQ6,
                onChanged: (String value) {
                  setState(() {
                    _answerQ6 = value;
                  });
                },
              ),
            ],
          ),
          Expanded(
            child: Align(
              alignment: Alignment.bottomRight,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.end,
                children: <Widget>[
                  RaisedButton(
                    color: Colors.brown,
                    child: Text(
                      "Test einreichen",
                      style: TextStyle(color: Colors.white),
                    ),
                    onPressed: () => setState(() {
                      print(_answerQ6);
                    }),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}