在类之间导航时，ToggleButton 不会保持打开状态答案

【问题标题】：ToggleButton does not stay on when navigating inbetween classes在类之间导航时，ToggleButton 不会保持打开状态
【发布时间】：2021-10-07 00:26:51
【问题描述】：

我遇到了一个问题，当我使用切换按钮并需要在不同的类之间进行切换时，它会关闭。我在下面写了一个简单的文本按钮示例，该按钮带您往返于起始页面，当您返回时，由于某种原因，切换仍然设置为 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(),
            ),
          ),        ),
      ),
    );
  }
}

【问题讨论】：

标签： flutter dart togglebutton

【解决方案1】：

您需要保存您的状态并在用户返回该特定页面时重新获取它。你可以用两种方法来处理它：

有一个global.dart 文件并临时将状态保存为布尔值或任何数据类型，然后在您的initState 中使用它！
使用SharedPreferences 随时存储该状态。

【讨论】：