【问题标题】:How create a card in MaterialApp using flutter如何使用 Flutter 在 MaterialApp 中创建卡片
【发布时间】:2020-09-22 05:59:23
【问题描述】:
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,
            ),
          ],
        ),
      ),
    ),
  ),
);

【问题讨论】:

    标签: flutter flutter-web


    【解决方案1】:

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

    它们之间的唯一区别是卡片是一种预先配置且更有限的材质。但仍然相当不错,大部分时间都是首选。

    只是一个提示,每当您在 StackOverflow 上发布一些内容时,请使用 code formatting。它使您更容易理解您的问题。

    【讨论】:

      【解决方案2】:

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

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

      请下次发问题前做更多研究,因为您只需搜索Flutter Card即可得到答案。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2022-08-13
        • 2019-12-27
        • 2019-04-10
        • 2020-07-21
        • 2020-09-08
        • 1970-01-01
        • 2021-08-11
        • 2019-10-25
        相关资源
        最近更新 更多