首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >颤动,在警报对话框中打开卡片内显示的文本

颤动,在警报对话框中打开卡片内显示的文本
EN

Stack Overflow用户
提问于 2020-04-17 01:41:48
回答 1查看 927关注 0票数 0

在flutter中,我试图让卡片中的文本在点击卡片时显示在警报对话框中,如下图所示:

image 1

image 2

我只是要求被指出如何完成这样的事情的正确方向。尽管手把手操作会很受欢迎,但我至少会问一下从哪里开始。

提前谢谢你!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-17 01:47:02

我建议将卡片文本的String存储在一个变量中,然后你要做的就是调用卡片的onTap,你创建了一个函数,并传递了存储文本的字符串为showMyDialog(textVariable)的变量,它将调用该函数来显示对话框,然后使用textVariable显示文本。

我附上了一个更准确的例子来实现你想要的。你可以随心所欲地调整UI

代码语言:javascript
运行
复制
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

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

class _HomePageState extends State<HomePage> {
  String displayText = "Same Text Everywhere";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          onTap: ()=> showMyDialog(context,displayText),
          child: Card(
            child: Padding(
              padding: const EdgeInsets.all(10.0),
              child: Text(displayText),
            ),
          ),
        )
      ),
    );
  }

  Future<void> showMyDialog(BuildContext context, String displayText) {
    return showDialog<void>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          content: Text(displayText),
        );
      },
    );
  }


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

https://stackoverflow.com/questions/61256560

复制
相关文章

相似问题

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