上下文未定义



我试图通过单击列表中的项目转到另一个页面,但他说上下文是未定义的。 我做错了什么?有什么建议吗?谢谢你的帮助

我在代码中进行了注释,其中出现了第一个显示"未定义"的上下文。

class ListaServidores extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.black,
centerTitle: true,
title: Text("Lista de servidores"),
),
body: ContactList(kContacts)
);
}
}
class ContactList extends StatelessWidget {
final List<Contact> _contacts;
ContactList(this._contacts);
@override
Widget build(BuildContext context) {
return ListView(
padding: EdgeInsets.symmetric(vertical: 8.0),
children: _buildContactList()
);
}
List<_ContactListItem> _buildContactList() {
return _contacts.map((contact) => _ContactListItem(contact))
.toList();
}
}
class _ContactListItem extends ListTile {
_ContactListItem(Contact contact) :
super(
onTap:(){//here context undefined
Navigator.push(context, MaterialPageRoute(builder: (context)=> 
NovoSigilo(servidor: contact.oservidor)));  
},
title : Text(
contact.oservidor,
style: TextStyle(
fontSize: 18.0, fontWeight: FontWeight.bold),
),
subtitle: Text(contact.texto, overflow: TextOverflow.ellipsis),
leading: CircleAvatar(
backgroundColor: Colors.white,
child: Image.asset(contact.img),
)
);
}

不要扩展小部件。相反,请使用合成。

class _ContactListItem extends StatelessWidget {
const _ContactListItem({Key key, this.contact}) : super(key: key);
final Contact contact;
@override
Widget build(BuildContext context) {
return ListTile(
onTap: () {
// ...
},
title: Text('...'),
);
}
}

这将在此过程中解决您的问题。