如何在点击时弹出卡片？

Posted 2023-05-07

【中文标题】如何在点击时弹出卡片？

【英文标题】：How to make a card popup on flutter on click?

【发布时间】：2017-12-30 13:38:53

【问题描述】：

我一直在尝试在 Flutter 的卡片中弹出博客文章，但每次运行该应用程序时，它都不会弹出任何内容。我已经尝试将 Card 对象放入 onTap 语句中。

代码如下：

article_view.dart

import 'package:flutter/material.dart';
import 'package:scip_app/articles_data.dart';

class _ArticleListItem extends ListTile 


_ArticleListItem(Article article) :
      super(
        title: new Text(article.title),
        subtitle: new Text(article.blurb),
        onTap: () 
          new FullArticleDisplay(article);
        
    );
 

class FullArticleDisplay extends StatelessWidget 
final Article article;

FullArticleDisplay(this.article);

@override
Widget build(BuildContext context) 
  return new Container(
    child: new Card(
      child: new Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            new ListTile(
              title: new Text(article.title),
            ),
            new Text(article.articled),
          ]
      )
    )
  );
 


class ArticleList extends StatelessWidget 
final List<Article> _articles;

ArticleList(this._articles);

@override
Widget build(BuildContext context) 
  return new ListView(
      padding: new EdgeInsets.symmetric(vertical: 8.0),
      children: _buildArticleList()
  );


List<_ArticleListItem> _buildArticleList() 
  return _articles.map((artic) => new _ArticleListItem(artic)).toList();
 


class ArticlesPage extends StatelessWidget 

@override
Widget build(BuildContext context) 
  return new Scaffold(
      appBar: new AppBar(
          title: new Text("Articles")
      ),
      body: new ArticleList(kArticles)
  );
 

其他文件在这里：https://pastebin.com/rS2fLktF

【参考方案1】：

看起来你正在构建一个小部件，但你没有把它放在任何地方。你想显示一个对话框吗？如果是这样，请尝试将您对 new FillArticleDisplay 的调用包装在对 showDialog 的调用中。或者您可以调用 setState 并将小部件保存在某处，以便您可以将其包含在您的构建方法中。

【讨论】：

谢谢！...我试着准备教程和类似的颤振，它们都是食谱风格，而不是如何使用颤振的指南，所以我一半理解我在做什么和一半不。如果您知道任何好的教程或指南，请告诉我！