将菜单项重定向到另一个页面

Question

我有这个创建菜单项的功能，但它没有任何功能，我想要的是这样我可以在声明它时将它发送到我想要的页面。我该怎么做？

final List<MenuItem> options = [
MenuItem(Icons.home, 'Home'),
MenuItem(Icons.person, 'Profile'),
MenuItem(Icons.web_asset, 'Website'),
MenuItem(Icons.settings, 'Settings'),

];

             children: options.map((item) {
            
            return ListTile(
              
              onTap: () {
            Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => HERE I WANT TO PUT A CUSTOM PAGE FOR EACH ONE()),
                );
          },
              leading: Icon(
                item.icon,
                color: Colors.white,
                size: 35,
              ),
              title: Text(
                item.title,
                style: TextStyle(
                    fontSize: 14,
                    fontWeight: FontWeight.bold,
                    color: Colors.white),
              ),
            );
          }).to

Answer 1

添加功能 OnTap；到您的模型如下：

class MenuItem{
  Icon icon;
  String title;
  Function OnTap;

  MenuItem(this.icon, this.title, this.OnTap);
}

然后添加新对象；

final List<MenuItem> options = [
MenuItem(Icons.home, 'Home',(){print("define_onclick_here");}),
MenuItem(Icons.person, 'Profile',(){print("define_onclick_here");}),
MenuItem(Icons.web_asset, 'Website',(){print("define_onclick_here");}),
MenuItem(Icons.settings, 'Settings',(){print("define_onclick_here");}),];

最后在列表项 onTap 中添加item.OnTap();：

  children: options.map((item) {
        
        return ListTile(
          
          onTap: () {
        item.OnTap();
      },
          leading: Icon(
            item.icon,
            color: Colors.white,
            size: 35,
          ),
          title: Text(
            item.title,
            style: TextStyle(
                fontSize: 14,
                fontWeight: FontWeight.bold,
                color: Colors.white),
          ),
        );
      }).to