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

Question

在扑朔迷离中，我试图在卡上被敲击时将卡中的文本显示在“警报”对话框中，如下图所示：

image 1

image 2

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

谢谢你！

Answer 1

我建议将卡的文本的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),
        );
      },
    );
  }


}