在中间导航时切换按钮不会保持打开状态类

Question

我遇到一个问题，当我使用切换按钮并需要在不同类之间切换时，它会关闭。我在下面编写了一个简单的示例，其中包含一个简单的文本按钮，它可以让您往返于起始页面，并且当您 return 出于某种原因仍然将切换设置为 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(),
            ),
          ),        ),
      ),
    );
  }
}

Answer 1

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

有一个 global.dart 文件并暂时以布尔值或任何数据类型保存状态，然后在您的 initState!
使用 SharedPreferences 始终存储该状态。

在中间导航时切换按钮不会保持打开状态类

ToggleButton does not stay on when navigating inbetween classes

togglebutton

dart

flutter

在中间导航时切换按钮不会保持打开状态 类

ToggleButton does not stay on when navigating inbetween classes

togglebutton

dart

flutter

在中间导航时切换按钮不会保持打开状态类