按指定列表时如何显示指定数据？

Question

所以我开始学习 Flutter 并坚持自己的项目，这次我尝试构建一个联系人列表应用程序。

class MyContacts extends StatelessWidget {

  final name = [
    "Mark Zuckerberg",
    "Udin Sasaki",
    "Eagle Man",
    "Mario Speedwagon",
    "Gail Forcewind",
    "Riqfi Dayat",
    "Fityan fitiw",
    "Awwala khalqyn",
    "lathon",
    "Arifin",
    "SMK Yusuf",
    "Harley",
    "Mom",
    "Brother"
  ];
  final number = [
    "+62 0895643242455",
    "+62 0895062457455",
    "+62 0895603211255",
    "+62 0895345357455",
    "+62 0898764247455",
    "+62 0895676247455",
    "+62 0895602247455",
    "+62 0895602656455",
    "+62 0895602247877",
    "+62 5567567567567",
    "+62 3454564687900",
    "+62 2343245345646",
    "+62 4567686798767",
    "+62 6785634232342"
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Contact'),
        leading: Icon(Icons.arrow_back),
        actions: <Widget>[
          IconButton(
            icon: Icon(
              Icons.search,
              color: Colors.white,
            ),
            onPressed: () {
              // do something
            },
          )
        ],
      ),
      body: ListView.builder(
        itemCount: name.length,
        itemBuilder:(context,index){
          return ListTile(
            title: Text(name[index]),
            subtitle: Text(number[index]),
            leading: CircleAvatar(
                backgroundColor: Colors.lightBlue,
                backgroundImage: NetworkImage(
                    'https://cdn.iconscout.com/icon/free/png-512/avatar-372-456324.png')),
            trailing: Icon(Icons.arrow_forward),
            onTap: (){
              Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => Contact()),
              );
            },
          );
        },
      ),
    );
  }
}

class Contact extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Contact'),
        actions: <Widget>[
          IconButton(
            icon: Icon(
              Icons.search,
              color: Colors.white,
            ),
            onPressed: () {
              // do something
            },
          )
        ],
      ),
        body: Container(
            margin: EdgeInsets.only(top: 50),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Image.network('https://cdn.iconscout.com/icon/free/png-512/avatar-372-456324.png', height: 150,),
                SizedBox(height: 100),
                Text("data that stored in the array")
              ],
            )
        )
    );
  }
}

我的问题是，我如何显示我按指定联系人的数据？就像我按下“Harley”联系人一样，上面的文字会自行显示 harley。任何帮助将不胜感激，谢谢

联系人列表：

我需要的结果：

Answer 1

在 MyContacts 中，将名称传递给 Contact 类。

Navigator.push(
      context, MaterialPageRoute(builder: (context) => Contact(name:name[index])),
    );

在 Contact 类中，这样声明

final String name;
Contact({Key key, @required this.name}) : super(key: key);

在正文中，替换

 Text("data that stored in the array")

到

 Text(name)

您可以找到更多信息here。