如何在动态列表视图中导航到下一页-Flutter [英] How to Navigate to Next Page in Dynamic List View - Flutter

查看:55
本文介绍了如何在动态列表视图中导航到下一页-Flutter的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个类别列表,并使用 ListViewBuilder 将其显示在ListTile中.我想转到被点击的特定类别页面.代码示例:

I have a list of Categories and displaying it in ListTile using ListViewBuilder. I want to go to the particular category page which is tapped. example of code:

final category = [
'Category One',
'Category Two',
'Category Three',
],

我正在编写 Navigator.push ,如下所示:但是在这里,我想要一些动态的东西.我希望你明白了.

I'm writing the Navigator.push something like below: but here I want to something dynamic. I hope u got it.

onTap(){
Navigator.push(context, MaterialPageRoute(builder: (context)=>CategoryOne(),),);
}

推荐答案

如果每种可能性都具有类别小部件,则可以在MaterialPageRoute构建器中进行切换:

If you have a Category Widget for each possibility then you can a Switch inside the MaterialPageRoute builder:

Navigator.push(context, MaterialPageRoute(builder: (context) {
  switch (selectedCategory) {
    case 'Category One':
      return CategoryOne();
    break;
    case 'Category Two':
      return CategoryTwo();
    break;
    case 'Category Three':
      return CategoryThree();
      break;

    default:
      return CategoryOne();
  }
}));

这篇关于如何在动态列表视图中导航到下一页-Flutter的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆