Question

import 'package:flutter/material.dart';

void main() => runApp(
  MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Flutter demo page'),
        backgroundColor: Colors.black,
      ),
      body: SafeArea(
        child: Column(
          children: <Widget>[
            Text(
              'abcd',
              style: TextStyle(fontWeight: FontWeight.bold, fontSize: 30.0),
            ),
            Text('\n'
                'abcd',
              textAlign: TextAlign.center,
            ),
          ],
        ),
      ),
    ),
  ),
);

Answer 1

使用这样的Card小部件创建它

Card(
          elevation: 20,
          child: FlutterLogo(size: 200),
        )

下一次请在发表问题之前做更多研究，因为您只需搜索 Flutter Card 就可以得到答案。

Answer 2

您可以使用Card Widget或Material Widget进行操作。它们的用法非常简单，您可以在文档中找到它。

它们之间的唯一区别是该卡是预配置的且材料更有限。但是仍然相当不错，并且在大多数情况下都是首选。

提示，每当您将一些内容发布到StackOverflow时，请使用code formatting。可以更轻松地了解您的问题。

如何使用Flutter在MaterialApp中创建卡

2 个答案: