如何使用 flutter 在 MaterialApp 中創建卡片

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 上發布一些內容時，請使用代碼格式化。 它使您更容易理解您的問題。