我看到了一些关于这个主题的问题，但没有找到答案。鉴于以下代码，我正在尝试创建从一个实例到另一个实例的“ child ”列表的副本。对于字符串，这适用于列表，但它只是一个引用，当我在第二个实例中更新 kids 的值时，它也会在第一个实例中更新。我的代码如下。

import 'package:flutter/material.dart';
import './screens/detail_screen.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  Person person1 = Person();
  List<Person> people = [];

  @override
  void initState() {
    super.initState();
    person1.firstName = 'Jack';
    person1.kids = [
      {'Karen': 'girl'},
      {'Bob': 'girl'}
    ];
    people.add(person1);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView.builder(
        itemCount: people.length,
        itemBuilder: (context, int index) {
          return ListTile(
            title: Text(
              '${people[index].firstName}',
            ),
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => DetailsScreen(people[index]),
                ),
              );
            },
          );
        },
      ),
    );
  }
}

class Person {
  String firstName;
  List kids;
}

class DetailsScreen extends StatefulWidget {
  final Person person;
  DetailsScreen(this.person);
  @override
  _DetailsScreenState createState() => _DetailsScreenState();
}

class _DetailsScreenState extends State<DetailsScreen> {
  static final TextEditingController _textController = TextEditingController();

  Person newPerson = Person();

  @override
  void initState() {
    super.initState();
    newPerson.firstName = widget.person.firstName;
    _textController.text = widget.person.firstName;
  }

  updateName(newName) {
    newPerson.firstName = newName;
// This is where I am trying to copy the value of "kids".
    newPerson.kids = List.from(widget.person.kids);
    newPerson.kids[1]['Bob'] = 'boy';
    print(newPerson);
    print(widget.person);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
            icon: Icon(
              Icons.close,
              color: Colors.white,
            ),
            onPressed: () {
              Navigator.pop(context);
            }),
        actions: <Widget>[
          IconButton(
              icon: Icon(
                Icons.check,
                color: Colors.white,
              ),
              onPressed: () {
                updateName(_textController.text);
              }),
        ],
      ),
      body: Center(
        child: TextField(
          controller: _textController,
        ),
      ),
    );
  }
}

有没有办法做到这一点？如果不是，达到相同结果的最佳做法是什么？我读过这篇文章，但它指的是字符串而不是列表。 How to clone (copy values) a complex object in Dart 2

最佳答案

你能试试这个吗:

首先像这样import dart convert the page top

import 'dart:convert';

然后用这个更新你的 updateName 方法

updateName(newName) {
newPerson.firstName = newName;
List<dynamic> newPersonKids = jsonDecode(jsonEncode(widget.person.kids));
newPerson.kids = newPersonKids;
newPerson.kids[1]['Bob'] = 'boy';}

关于flutter - 在 DART 中创建包含列表的实例变量的副本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56837458/