Flutter 基础案例

以下是一个简单的 Flutter 基础案例，用于显示一个文本和一个图片：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Demo'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                'Hello, world!',
                style: TextStyle(fontSize: 24),
              ),
              SizedBox(height: 16),
              Image.network(
                'https://picsum.photos/200',
                width: 200,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个案例中，我们创建了一个 `MyApp` 类作为根组件，并在 `build` 方法中返回一个 `MaterialApp` 组件。在 `MaterialApp` 中，我们设置了应用的标题，并指定了主页为 `Scaffold` 组件。

在 `Scaffold` 组件中，我们设置了一个 `AppBar`，并在 `body` 属性中放置了一个 `Center` 和一个 `Column` 组件。在 `Center` 组件中，我们将 `Column` 组件居中显示。在 `Column` 组件中，我们放置了一个 `Text` 组件和一个 `Image` 组件，分别用于显示文本和图片。

最后，我们在 `main` 函数中运行了 `MyApp` 组件。当我们运行这个案例时，将会在屏幕上显示一个带有文本和图片的界面。