Flutter 在DART中创建包含列表的实例变量副本

我看到了一些关于这个话题的问题，但没有找到答案。根据下面的代码，我试图创建一个从一个实例到另一个实例的“kids”列表副本。对于字符串，这是有效的，但是对于列表，它只是一个引用，当我在第二个实例中更新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,
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
导入“./screens/detail_screen.dart”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
主页：MyHomePage（标题：“颤振演示主页”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
Person person1=Person（）；
列出人=[]；
@凌驾
void initState（）{
super.initState（）；
person1.firstName='Jack'；
人1.孩子=[
{'Karen'：'girl'}，
{'Bob'：'girl'}
];
添加（person1）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（widget.title），
),
正文：ListView.builder(
itemCount:people.length，
itemBuilder：（上下文，int索引）{
返回列表块(
标题：正文(
“${people[index].firstName}”，
),
onTap:（）{
导航器。推(
上下文
材料路线(
生成器：（上下文）=>DetailsScreen（人员[索引]），
),
);
},
);
},
),
);
}
}
班主任{
字符串名；
列出孩子；
}
类DetailsScreen扩展StatefulWidget{
最后一人；
DetailsScreen（此人）；
@凌驾
_DetailsScreenState createState（）=>\u DetailsScreenState（）；
}
类_DetailsScreenState扩展状态{
静态最终TextEditingController _textController=TextEditingController（）；
Person newPerson=Person（）；
@凌驾
void initState（）{
super.initState（）；
newPerson.firstName=widget.person.firstName；
_textController.text=widget.person.firstName；
}
updateName（新名称）{
newPerson.firstName=newName；
//这就是我试图复制“孩子”价值观的地方。
newPerson.kids=List.from（widget.person.kids）；
newPerson.kids[1]['Bob']='boy'；
印刷品（newPerson）；
打印（widget.person）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
领先：IconButton(
图标：图标(
图标。关闭，
颜色：颜色，白色，
),
已按下：（）{
Navigator.pop（上下文）；
}),
行动：[
图标按钮(
图标：图标(
图标。检查，
颜色：颜色，白色，
),
已按下：（）{
updateName（_textController.text）；
}),
],
),
正文：中(
孩子：TextField(
控制器：_textController，
),
),
);
}
}

有没有办法做到这一点？如果不是，那么实现相同结果的最佳实践是什么？我读过这篇文章，但它指的是字符串而不是列表。 你能试试这个吗：

首先导入省道转换页面顶部，如下所示

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';}

updateName（新名称）{
newPerson.firstName=newName；
列出newPersonKids=jsonDecode（jsonEncode（widget.person.kids））；
newPerson.kids=newPersonKids；
newPerson.kids[1]['Bob']='boy'；}

你能试试这个吗：

首先导入省道转换页面顶部，如下所示

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';}

updateName（新名称）{
newPerson.firstName=newName；
列出newPersonKids=jsonDecode（jsonEncode（widget.person.kids））；
newPerson.kids=newPersonKids；
newPerson.kids[1]['Bob']='boy'；}

这真的是最有效的方法吗？这真的是最有效的方法吗？