flutter - 如果页面已更改，Flutter应用程序复选框将停止切换状态-6ren

flutter - 如果页面已更改，Flutter应用程序复选框将停止切换状态

转载作者：行者123 更新时间：2023-12-03 04:45:01

我遇到的类参数问题通常在页面呈现时尚未完全初始化。更具体地说，这是通过复选框进行的。通常，由于下划线参数列表值为空，我似乎无法在打印时切换它们的状态。至少那是我在调试时看到的。这是一个简单的应用程序代码，可重现错误的行为(按“上一个”或“下一个”后，复选框停止对水龙头使用react):

import 'package:flutter/material.dart';

class Value {
  String _id;
  String title;
  
  Value(id) {
    _id = id;
  }
}

class Story {
  Map<Value, bool> _valuesSelection = {};
  State _state;
  
  Story(state) {
    _state = state;
  }
  
  void addValue(Value value, {bool enabled = false}) {
    _valuesSelection.putIfAbsent(value, () => enabled);
  }
  
  bool getValueState(Value value) {
    return _valuesSelection[value];
  }
  
  void toggleValue(Value value) {
    _valuesSelection[value] = !_valuesSelection[value];
  }
  
  void enableValue(Value value) {
    _valuesSelection[value] = true;
  }
  
  void disableValue(Value value) {
    _valuesSelection[value] = false;
  }
  
  Value getValueById(String id) {
    return _valuesSelection.keys.where((element) => element._id == id).toList()[0];
  }
  
  List<Value> getAllValues() {
    return _valuesSelection.keys.toList();
  }

  Widget buttons(BuildContext context) {
  
    Widget previousNextButtons = Row(children: <Widget>[
      Expanded(child: Container(
        padding: EdgeInsets.all(20),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Column(
              children: <Widget>[
                FlatButton(
                  onPressed: () {
                    var previousStoryPageWidget = StoryStartPage(1);
                    Future( () {
                      Navigator.of(context).push(
                        MaterialPageRoute(builder: (BuildContext context) => previousStoryPageWidget )
                      );
                    });
                  },
                  child: Container(
                    height: 50,
                    width: 150,
                    decoration: BoxDecoration(
                      color: Colors.red,
                      borderRadius: BorderRadius.all(Radius.circular(35.0))),
                    child: Column(
                      children: <Widget> [
                        Expanded(
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: <Widget>[
                              Text("Previous", style: TextStyle(color: Colors.white, fontSize: 16), textAlign: TextAlign.center),
                            ]
                          )
                        )
                      ],
                    )
                  )
                )
              ],
            ),
            Column(
              children: <Widget>[
                FlatButton(
                  onPressed: () {// if OK button is active
                    var nextStoryPageWidget = StoryStartPage(1);
                    Future( () {
                      Navigator.of(context).push(
                        MaterialPageRoute(builder: (BuildContext context) => nextStoryPageWidget )
                      );
                    });
                  },
                  child: Container(
                    height: 50,
                    width: 150,
                    decoration: BoxDecoration(
                      color: Colors.green,
                      borderRadius: BorderRadius.all(Radius.circular(35.0))),
                    child: Column(
                      children: <Widget> [
                        Expanded(
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: <Widget>[
                              Text(
                                "Next",
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 16
                                ),
                                textAlign: TextAlign.center),
                            ]
                          )
                        )
                      ],
                    )
                  )
                )
              ],
            )
          ],
        )
      ))
    ]
    );
    
    return Container(
      height: 140,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: <Widget>[
          previousNextButtons,
        ])
    );
  }


  Widget render(BuildContext context) {
    final controller = ScrollController();
    return Column(
      children: <Widget>[
        Scrollbar(
          isAlwaysShown: true,
          controller: controller,
          child: ListView(
            padding: EdgeInsets.zero,
            scrollDirection: Axis.vertical,
            shrinkWrap: true,
            controller: controller,
            children: List.generate(
              _valuesSelection.length,
                (index) => ListTile(
                title: CheckboxListTile(
                  title: Text(_valuesSelection.keys.toList()[index].title),
                  value: getValueState(_valuesSelection.keys.toList()[index]),
                  onChanged: (newValue) {
                    _state.setState(() {
                      toggleValue(_valuesSelection.keys.toList()[index]);
                    });
                  },
                  controlAffinity: ListTileControlAffinity.leading,
                ),
              ),
            )
          )
        ),
        buttons(context)
      ],
    );
  }
}

class Story1 extends Story {
  Story1(state) : super(state) {
    
    Value value1 = Value("1");
    value1.title = "Value One";
    this.addValue(value1);
    
    Value value2 = Value("2");
    value2.title = "Value Two";
    this.addValue(value2);
    
    Value value3 = Value("3");
    value2.title = "Value Three";
    this.addValue(value2);
    
    Value value4 = Value("4");
    value4.title = "Value Four";
    this.addValue(value4);
    
    Value value5 = Value("5");
    value5.title = "Value Five";
    this.addValue(value5);
    
  }
}

class Story2 extends Story {
  Story2(state) : super(state) {
    
    Value value1 = Value("1");
    value1.title = "Value One";
    this.addValue(value1);
    
    Value value2 = Value("2");
    value2.title = "Value Two";
    this.addValue(value2);
    
    Value value3 = Value("3");
    value2.title = "Value Three";
    this.addValue(value2);
    
  }
}

class StoryStartPage extends StatefulWidget {
  
  int _storyNumber = 1;
  
  StoryStartPage(this._storyNumber);
  
  @override
  _StoryStartState createState() => _StoryStartState(_storyNumber);
}

class _StoryStartState extends State<StoryStartPage> {
  
  int storyNumber = 1;
  
  Story story;
  
  _StoryStartState(this.storyNumber);
  
  @override
  void initState() {
    super.initState();
    if(story == null) {
      story = StoryFactory(this).getStory(storyNumber);
    }
  }
  
  @override
  Widget build(BuildContext context) {
    if(story != null) {
      return SafeArea(child: Scaffold(
        body: story.render(context))
      );
    } else {
      return Scaffold();
    }
  }
}

class StoryFactory {
  
  static final StoryFactory _singleton = new StoryFactory._internal(_state);
  
  Map<String, Story> allStories = {};
  
  static State _state;
  
  factory StoryFactory(state) {
    _state = state;
    return _singleton;
  }
  
  StoryFactory._internal(state) {
    allStories.addAll({"1": Story1(state)});
    allStories.addAll({"2": Story2(state)});
  }
  
  Story getStory(storyNumber) {
    return allStories[storyNumber.toString()];
  }
  
  List<Story> getAllStories() {
    return allStories.values.toList();
  }
  
}

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  
  StatefulWidget _homePage = StoryStartPage(1);
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MyApp',
      theme: ThemeData.dark(),
      home: _homePage,
    );
  }
  
  MyApp();
}

最佳答案

基本上，这里的问题是您正在尝试重建所有内容。
当他们说，一切都是小部件:信任他们。
我要说的是，您的“故事”必须是一个小部件。如果这样做，它将继承很多东西，包括基本StatefullWidget包括的状态管理。
我已经将您的代码更新为一个有效的示例。不要犹豫，问一下您是否有得到的东西。

import 'package:flutter/material.dart';

class Value {
  String _id;
  String title;

  Value(id) {
    _id = id;
  }
}

class Story extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _StoryState();
  Map<Value, bool> _valuesSelection = {};

  void addValue(Value value, {bool enabled = false}) {
    _valuesSelection.putIfAbsent(value, () => enabled);
  }

  bool getValueState(Value value) {
    return _valuesSelection[value];
  }

  void toggleValue(Value value) {
    _valuesSelection[value] = !_valuesSelection[value];
  }

  void enableValue(Value value) {
    _valuesSelection[value] = true;
  }

  void disableValue(Value value) {
    _valuesSelection[value] = false;
  }

  Value getValueById(String id) {
    return _valuesSelection.keys.where((element) => element._id == id).toList()[0];
  }

  List<Value> getAllValues() {
    return _valuesSelection.keys.toList();
  }
}

class _StoryState extends State<Story> {
  Widget buttons(BuildContext context) {
    Widget previousNextButtons = Row(children: <Widget>[
      Expanded(
          child: Container(
              padding: EdgeInsets.all(20),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Column(
                    children: <Widget>[
                      FlatButton(
                          onPressed: () {
                            var previousStoryPageWidget = StoryStartPage(1);
                            Future(() {
                              Navigator.of(context).push(MaterialPageRoute(
                                  builder: (BuildContext context) => previousStoryPageWidget));
                            });
                          },
                          child: Container(
                              height: 50,
                              width: 150,
                              decoration: BoxDecoration(
                                  color: Colors.red,
                                  borderRadius: BorderRadius.all(Radius.circular(35.0))),
                              child: Column(
                                children: <Widget>[
                                  Expanded(
                                      child: Row(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: <Widget>[
                                        Text("Previous",
                                            style:
                                                TextStyle(color: Colors.white, fontSize: 16),
                                            textAlign: TextAlign.center),
                                      ]))
                                ],
                              )))
                    ],
                  ),
                  Column(
                    children: <Widget>[
                      FlatButton(
                          onPressed: () {
                            // if OK button is active
                            var nextStoryPageWidget = StoryStartPage(1);
                            Future(() {
                              Navigator.of(context).push(MaterialPageRoute(
                                  builder: (BuildContext context) => nextStoryPageWidget));
                            });
                          },
                          child: Container(
                              height: 50,
                              width: 150,
                              decoration: BoxDecoration(
                                  color: Colors.green,
                                  borderRadius: BorderRadius.all(Radius.circular(35.0))),
                              child: Column(
                                children: <Widget>[
                                  Expanded(
                                      child: Row(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: <Widget>[
                                        Text("Next",
                                            style:
                                                TextStyle(color: Colors.white, fontSize: 16),
                                            textAlign: TextAlign.center),
                                      ]))
                                ],
                              )))
                    ],
                  )
                ],
              )))
    ]);

    return Container(
        height: 140,
        child: Column(mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[
          previousNextButtons,
        ]));
  }

  Widget build(BuildContext context) {
    final controller = ScrollController();
    return Column(
      children: <Widget>[
        Scrollbar(
            isAlwaysShown: true,
            controller: controller,
            child: ListView(
                padding: EdgeInsets.zero,
                scrollDirection: Axis.vertical,
                shrinkWrap: true,
                controller: controller,
                children: List.generate(
                  widget._valuesSelection.length,
                  (index) => ListTile(
                    title: CheckboxListTile(
                      title: Text(widget._valuesSelection.keys.toList()[index].title),
                      value:
                          widget.getValueState(widget._valuesSelection.keys.toList()[index]),
                      onChanged: (newValue) {
                        setState(() {
                          widget.toggleValue(widget._valuesSelection.keys.toList()[index]);
                        });
                      },
                      controlAffinity: ListTileControlAffinity.leading,
                    ),
                  ),
                ))),
        buttons(context)
      ],
    );
  }
}

class Story1 extends Story {
  Story1(state) : super() {
    Value value1 = Value("1");
    value1.title = "Value One";
    this.addValue(value1);

    Value value2 = Value("2");
    value2.title = "Value Two";
    this.addValue(value2);

    Value value3 = Value("3");
    value2.title = "Value Three";
    this.addValue(value2);

    Value value4 = Value("4");
    value4.title = "Value Four";
    this.addValue(value4);

    Value value5 = Value("5");
    value5.title = "Value Five";
    this.addValue(value5);
  }
}

class Story2 extends Story {
  Story2(state) : super() {
    Value value1 = Value("1");
    value1.title = "Value One";
    this.addValue(value1);

    Value value2 = Value("2");
    value2.title = "Value Two";
    this.addValue(value2);

    Value value3 = Value("3");
    value2.title = "Value Three";
    this.addValue(value2);
  }
}

class StoryStartPage extends StatefulWidget {
  int _storyNumber = 1;

  StoryStartPage(this._storyNumber);

  @override
  _StoryStartState createState() => _StoryStartState(_storyNumber);
}

class _StoryStartState extends State<StoryStartPage> {
  int storyNumber = 1;

  Story story;

  _StoryStartState(this.storyNumber);

  @override
  void initState() {
    super.initState();
    if (story == null) {
      story = StoryFactory(this).getStory(storyNumber);
    }
  }

  @override
  Widget build(BuildContext context) {
    if (story != null) {
      return SafeArea(child: Scaffold(body: story));
    } else {
      return Scaffold();
    }
  }
}

class StoryFactory {
  static final StoryFactory _singleton = new StoryFactory._internal(_state);

  Map<String, Story> allStories = {};

  static State _state;

  factory StoryFactory(state) {
    _state = state;
    return _singleton;
  }

  StoryFactory._internal(state) {
    allStories.addAll({"1": Story1(state)});
    allStories.addAll({"2": Story2(state)});
  }

  Story getStory(storyNumber) {
    return allStories[storyNumber.toString()];
  }

  List<Story> getAllStories() {
    return allStories.values.toList();
  }
}

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  StatefulWidget _homePage = StoryStartPage(1);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'MyApp',
      theme: ThemeData.dark(),
      home: _homePage,
    );
  }

  MyApp();
}

关于flutter - 如果页面已更改，Flutter应用程序复选框将停止切换状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62493048/

文章推荐： android - 如何在 flutter 中断开电话？

文章推荐： flutter - 浏览 dart 中的嵌套字典

flutter - flutter :从 flutter 应用程序构建apk失败
我正在尝试从flutter应用程序构建apk，但出现此错误: Note: /mnt/Software/Linux/Flutter/flutter/.pub-cache/hosted/pub.dartl
flutter - 将一个 Flutter 应用程序集成到另一个 Flutter 应用程序中
我有一个名为 X 的较大应用程序，还有另一个名为 Y 的较小应用程序。他们现在彼此分开，并且工作正常。我想将应用程序 Y 集成到 X 中。我想将 Y 的代码放入 X 项目中，但它们应该有不同的 Mai
android-studio - Flutter : What are the differences between Flutter Plugin, Flutter 包和 Flutter 模块？
在android Studio中选择Create New Flutter Project，出现如下4个选项。 Flutter 应用程序 Flutter 插件 Flutter 包 flutter 模块
flutter - `ios/Flutter/Flutter.podspec` 是做什么的？
我看到我的 flutter 项目生成了一个文件 ios/Flutter/Flutter.podspec ，这个文件有什么用？如果它与生成的 Flutter.framework 有关? 我应该将它包含
flutter - 找不到 flutter 命令/flutter 医生
我尝试过的在包含flutter SDK的位置添加/编辑.bash_profile.rtf文件。导出PATH = / Users / temur / Documents / Projects / F
flutter - 设置 Flutter 日志级别/Flutter 打印数千行详细信息
Flutter 日志会打印数千个详细/垃圾邮件日志。我正在尝试调试一个复杂的应用程序，但是打印太冗长了，以至于我很难找到我自己打印的东西。有没有办法禁用详细？就像是: Logger.level.
flutter - flutter : flutter 1.22更新后，我在Lineargradient属性中遇到错误
在flutter 1.22更新之后，我在Lineargradient colors属性中遇到错误，这给我一个错误，即未定义名称colors参数。.在Android中更新flutter和flutter插
flutter - 为什么我收到错误，flutter statfulwidget flutter 中的常量值无效
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
flutter - 为什么我收到错误，flutter statfulwidget flutter 中的常量值无效
在下面的代码 widget.hintText 中给出错误，我试图将日期选择器作为单独的组件，并在从其他文件调用它时动态传递提示文本值。 import 'package:date_field/date_
flutter - 是否必须克隆 flutter repo 才能设置 Flutter
Flutter 1.0 发布后，我正在按照步骤搭建 Flutter 开发环境。在步骤中(如所附屏幕截图所示)，它说要更新 $PATH 两次，一次使用 flutter 工具的路径 export PAT
flutter - 如何将 flutter 移动应用程序迁移到 flutter web
我有一个用 flutter 编写的移动应用程序，我想将其转换为 flutter_web 应用程序(集成 flutter_web 尚不可用)。我目前遇到包裹问题。我已按照本网站中列出的说明进行操作 h
flutter - 如何在我的 Flutter 应用程序中向我的 Flutter 路由添加自定义转换
如何向我的 Flutter 路由添加自定义转换？这是我目前的路线结构。 class MyApp extends StatelessWidget { // This widget is the
flutter-web - Flutter Webview 不适用于 Flutter web
我正在尝试通过 URL 在 webview 中显示网页。我试过 flutter_webview_plugin 插件，但是当我在浏览器上运行项目时它不起作用。在 flutter web applica
flutter - 具有动态高度的动画容器 Flutter
我正在使用 animatedContainer 在按下按钮时显示 listView.builder()。这是一个要显示的简单子(monad)列表，但问题是我不知道 ListView 构建器的高度会传递
flutter - 如何将这个lottie动画展开填满整个屏幕 - Flutter
我目前正在我的应用程序中制作渐变背景动画......我正在使用 lottie 动画的帮助下这样做!我试图将它封装在一个容器中并成功地做到了。但是有一个问题，尽管我将高度更改为大于 2000 的东西，但
flutter - flutter 中的谷歌标签管理器
美好的一天! 我无法弄清楚如何使用 google 标签管理器设置 flutter。我找到了 this package包括标签管理器 api。但是我不知道如何正确配置它。 (在网络上我只需要复制粘贴一个
flutter - 难以将商品添加到购物车 - Flutter
我的购物车模型如下 class Cart { String description; double unitCost; double amount; int quantity; S
flutter - Flutter 中的跨平台文件缓存
在 Flutter 应用程序中，我想为在线托管的资源(图像、视频等)实现缓存。我希望它能在原生平台 (Android/iOS)(例如使用文件系统)和网络(例如使用 IndexedDB)上运行。 Fl
flutter - flutter 中容器的自动高度
我写了一个页面，在顶部一切都很好，应该是这样。在底部我有一个事件的历史。我的容器的宽度是自动确定的(取决于屏幕的宽度)，而高度 - 不，在不同的设备上有不同的高度(底部的缩进是不同的)。是否可以自动确
flutter - 如何将小部件放置在可调整大小页面的特定位置？ [ flutter ]
我正在处理一个页面，其中有一些字段，例如 textfield 和 slider。在页面的末尾必须有一个用于进行下一步的按钮，该按钮被包裹在 Align 中以在页面之间具有固定位置。另一方面，resi

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

flutter - 如果页面已更改，Flutter应用程序复选框将停止切换状态