时间戳

首页 > 解决方案 > 上下文未定义

flutter - 上下文未定义

问题描述

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

我在代码中评论了第一个显示未定义的上下文。

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),
      )
  );
}

标签： flutter

解决方案

不要扩展小部件。相反，使用组合。

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('...'),
    );
  }
}

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

推荐阅读