颤振,在“警报”对话框中打开卡内显示的文本

时间:2020-04-16 17:41:48

标签: flutter android-alertdialog

在扑朔迷离中,我试图使卡中的文本在点击卡时显示在“警报”对话框中,如下图所示:

image 1

image 2

我只想指出正确的方向,如何完成这样的事情。尽管可以手持,但我要求至少从哪里开始。

提前谢谢!

1 个答案:

答案 0 :(得分:0)

我建议将卡片的文本String存储在变量中,然后执行的操作是调用您创建并传递函数的卡片的onTap您存储文本字符串的变量是showMyDialog(textVariable),它将调用该函数以显示对话框,然后使用textVariable显示文本。

我附上了一个更准确的示例来实现您想要的。 您可以根据需要调整用户界面

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),
        );
      },
    );
  }


}