首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Navigator将屏幕从堆栈中弹出。

使用Navigator将屏幕从堆栈中弹出。
EN

Stack Overflow用户
提问于 2019-12-09 14:43:36
回答 1查看 30关注 0票数 0

我用几个条目填充了一个Gridview,当我按下一个条目时,它会引导我到一个包含有关它的信息的详细信息页面。

但是,当我按回键时,它不会返回到前一页,而是返回到另一页,我相信它会自动从堆栈中弹出。

我想了解为什么会发生这种情况。

下面是包含网格视图的类:

代码语言:javascript
运行
复制
 List<Container> containerSuperHero = new List();

  var posts = [
    {"title":"VIP Bartender", "imagem":"lib/images/logo.png"},
    {"title":"Flair Bartender", "imagem":"lib/images/logo.png"},
    {"title":"VIP Bartender", "imagem":"lib/images/logo.png"},
    {"title":"Flair Bartender", "imagem":"lib/images/logo.png"},
    {"title":"VIP Bartender", "imagem":"lib/images/logo.png"},
    {"title":"Flair Bartender", "imagem":"lib/images/logo.png"},
    {"title":"VIP Bartender", "imagem":"lib/images/logo.png"},
    {"title":"Flair Bartender", "imagem":"lib/images/logo.png"},
  ];

 _buildGridView(BuildContext context) async {

  for(var i=0; i < posts.length; i++){

    final posty = posts[i];
    final String image = posty["imagem"];

    containerSuperHero.add(
      new Container(
        padding: EdgeInsets.all(10.0),
        child: Card(
            child: Column(
            children: <Widget>[
              Hero(
                tag:posty,
                child: Material(
                child: InkWell(
                  onTap: ()=> Navigator.of(context).push(MaterialPageRoute(builder:
                  (BuildContext context) =>
                      Detail(title: posty["title"],
                        image: image,
                      ),
                  )
                  ),
                  child:  Image.asset(image,
                      height: 80,
                      width: 80,
                      fit: BoxFit.cover),
                ),
              )),
               Padding(padding: EdgeInsets.all(10.0)),
               Text(posty["title"],
                style: TextStyle(
                  fontSize: 18.0,
                ) ,)
            ],
          )
        )),
    );

  }
}

Widget buidContainerHero(BuildContext context){

   _buildGridView(context);

   return GridView.count(
       crossAxisCount: 2,
       children: containerSuperHero
   );
}


class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Home"),),
      body: Stack(
          children: <Widget>[
            Column(
              children: <Widget>[
                _buildCarouselSlider(context),
                SizedBox(height: 30),
                Text("Welcome Back!"),
                SizedBox(height: 30),
                Expanded(
                    child: buidContainerHero(context))
              ],
            )
          ]
      ),
    );
  }
}

我的详细信息屏幕只包含以下内容:

代码语言:javascript
运行
复制
class Detail extends StatelessWidget {

  Detail(
      {this.postID, this.title, this.image}
      );

  final int postID;
  final String title;
  final String image;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView(
          children: <Widget>[
            Container(
              height: 240,
              child: Image.asset(image),
            )
          ],

        )
    );
  }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-12-09 15:53:19

试试这个,Navigator.push(上下文,MaterialPageRoute(构建器:(_) => Detail ) (标题:posty“=>”,图像:图像,)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59251220

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档