ToggleButton не включается при навигации между классами

#flutter #dart #togglebutton

Вопрос:

У меня возникла проблема, когда, когда я использую свой переключатель и мне нужно переходить между разными классами, он снова отключается. Я написал ниже простой пример простой текстовой кнопки, которая переносит вас на начальную страницу и обратно, и когда вы возвращаете переключатель, по какой-то причине он по-прежнему установлен в значение false. Заранее спасибо за всю помощь!

 import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
      ),
      home: const TestButton(),
    );
  }
}

class TestButton extends StatefulWidget {
  const TestButton({Key? key}) : super(key: key);

  @override
  _TestButtonState createState() => _TestButtonState();
}

class _TestButtonState extends State<TestButton> {
  List<bool> _selections = List.generate(1, (index) => false);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Row(
        children: [
          Container(
            child: ToggleButtons(
              children: [
                Icon(Icons.volume_off),
              ],
              isSelected: _selections,
              onPressed: (int index) {
                setState(() {
                  _selections[index] = !_selections[index];
                });
              },
            ),
          ),
          Container(
            child: TextButton(
              child: Text('Press To navigate to different screen'),
              onPressed: () => Navigator.of(context).pushReplacement(
                MaterialPageRoute(
                  builder: (context) => SecondScreen(),
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}

class SecondScreen extends StatefulWidget {
  const SecondScreen({Key? key}) : super(key: key);

  @override
  _SecondScreenState createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: TextButton(
          child: Text('Go to first page'),
          onPressed: () => Navigator.of(context).pushReplacement(
            MaterialPageRoute(
              builder: (context) => TestButton(),
            ),
          ),        ),
      ),
    );
  }
}
 

Ответ №1:

вам нужно сохранить свое состояние и повторно получить его, когда пользователь вернется на эту конкретную страницу. вы можете справиться с этим двумя подходами:

  1. создайте global.dart файл и временно сохраните его состояние в логическом или любом другом типе данных, а затем используйте его в своем initState !
  2. используйте SharedPreferences для сохранения этого состояния на все времена.