Flutter，在Alert对话框中打开Card里面显示的Text

Question

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

image 1

image 2

我只是要求指出如何完成这样的事情的正确方向。虽然手持会很受欢迎，但我至少要问从哪里开始。

提前致谢！

Answer 1

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

我附上了一个更准确的例子来实现你想要的。您可以根据需要调整 UI

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


}

Flutter，在Alert对话框中打开Card里面显示的Text

Flutter, open the Text displayed inside a Card in an Alert dialog

android-alertdialog

flutter