RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1060727
Accepted
Kizat Suleimenov
Kizat Suleimenov
Asked:2020-12-19 19:41:17 +0000 UTC2020-12-19 19:41:17 +0000 UTC 2020-12-19 19:41:17 +0000 UTC

如何更新 ListView.builder() 的状态?

  • 772

我想将值传递List<Map<String,String>>给ListView.builder()并在屏幕上显示并在每个单元格中添加两个按钮,在此单元格之后添加一个单元格并删除此单元格,问题是实际上它们被正确添加和删除,但添加的单元格是显示为最后一个单元格,因为它可以修复?

ps:我在按下按钮的时候试过了,Navigator.pushReplacement()...但不是这样,在这种情况下页面位置丢失了

这是我的代码:

import 'dart:convert';

import 'package:flutter/material.dart';
import 'data/data.dart';
_AddPageState state = _AddPageState();

    class AddPage extends StatefulWidget {
      @override
      _AddPageState createState() => _AddPageState();
    }

    class _AddPageState extends State<AddPage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Ән қосу'),
            centerTitle: true,
            actions: <Widget>[
              IconButton(
                icon: Icon(
                  Icons.save,
                  size: 30.0,
                ),
                onPressed: () {},
              )
            ],
          ),
          body: ListView.builder(
                    itemCount: data.length,
                    itemBuilder: (context, index) {
                      return ListTile(
                          title: Column(
                            children: <Widget>[
                              TextFormField(
                                initialValue: data[index]['data'],
                              ),
                              TextFormField(
                                initialValue: data[index]['text']
                              )
                            ],
                          ),
                          subtitle: Row(
                            children: <Widget>[
                              Expanded(
                                flex: 50,
                                child: IconButton(
                                  icon: Icon(Icons.add),
                                  onPressed: () {
                                    setState(() {
                                      addBeforeIndex(data, index);
                                      print(json.encode(data));
                                    });
                                  },
                                ),
                              ),
                              Expanded(
                                flex: 50,
                                child: IconButton(
                                  icon: Icon(Icons.remove),
                                  onPressed: () {
                                    setState(() {
                                      setState(() {
                                        removeIndex(index);
                                        print(json.encode(data));
                                      });
                                    });
                                  },
                                ),
                              )
                            ],
                          ));
                    },
                  ),
        );
      }
    }

这是来自的代码data.dart:

List<Map<String, String>> data = [
  {"data": "data1", "text": "text1"},
  {"data": "data2", "text": "text2"},
  {"data": "data3", "text": "text3"}
];
Map<String, String> inData = {"data": "", "text": ""};



void add(List data) {
  Map<String, String> v = inData;
  data.add(v);
}

void addBeforeIndex(List data, int index) {
  Map<String, String> v = inData;
  data.insert(index+1, v);
}

void removeIndex(int index) {
  data.removeAt(index);
}
flutter
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    MiT
    2020-12-19T23:21:55Z2020-12-19T23:21:55Z

    阅读Key是什么以及如何使用它。

    修复代码,补充key: new Key(data.length.toString()) (这是一个临时解决方案,考虑如何正确地做,从你的架构开始。):

    class AddPage extends StatefulWidget {
      @override
      _AddPageState createState() => _AddPageState();
    }
    
    class _AddPageState extends State<AddPage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Ән қосу'),
            centerTitle: true,
            actions: <Widget>[
              IconButton(
                icon: Icon(
                  Icons.save,
                  size: 30.0,
                ),
                onPressed: () {},
              )
            ],
          ),
          body: ListView.builder(
            key: new Key(data.length.toString()),
            itemCount: data.length,
            itemBuilder: (context, index) {
              return ListTile(
                  title: Column(
                    children: <Widget>[
                      TextFormField(
                        initialValue: data[index]['data'],
                      ),
                      TextFormField(initialValue: data[index]['text'])
                    ],
                  ),
                  subtitle: Row(
                    children: <Widget>[
                      Expanded(
                        flex: 50,
                        child: IconButton(
                          icon: Icon(Icons.add),
                          onPressed: () {
                            setState(() {
                              addBeforeIndex(data, index);
                              print(json.encode(data));
                            });
                          },
                        ),
                      ),
                      Expanded(
                        flex: 50,
                        child: IconButton(
                          icon: Icon(Icons.remove),
                          onPressed: () {
                            setState(() {
                              removeIndex(index);
                              print(json.encode(data));
                            });
                          },
                        ),
                      )
                    ],
                  ));
            },
          ),
        );
      }
    }
    
    • 0

相关问题

  • statlesswidget 和 stateful 的区别

  • 跟踪首次登录 Flutter 应用程序 [关闭]

  • 是否可以将常规字符串编码为 json?

  • 当我使用 onDelete() 方法删除小部件时可能会出现什么问题

  • 颤振列不显示元素

  • 数据库记录中的竞争条件和差异

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    根据浏览器窗口的大小调整背景图案的大小

    • 2 个回答
  • Marko Smith

    理解for循环的执行逻辑

    • 1 个回答
  • Marko Smith

    复制动态数组时出错(C++)

    • 1 个回答
  • Marko Smith

    Or and If,elif,else 构造[重复]

    • 1 个回答
  • Marko Smith

    如何构建支持 x64 的 APK

    • 1 个回答
  • Marko Smith

    如何使按钮的输入宽度?

    • 2 个回答
  • Marko Smith

    如何显示对象变量的名称?

    • 3 个回答
  • Marko Smith

    如何循环一个函数?

    • 1 个回答
  • Marko Smith

    LOWORD 宏有什么作用?

    • 2 个回答
  • Marko Smith

    从字符串的开头删除直到并包括一个字符

    • 2 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5