10天学会flutter DAY7 flutter 玩转基础Widget

在Flutter中，基础Widget包括文本显示（Text）、图片显示（Image）、按钮（Button）等。以下是一个简单的例子，展示如何在Flutter中使用这些Widget。

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter 基础Widget示例'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                'Hello, Flutter!',
                style: TextStyle(fontSize: 24),
              ),
              Image.network(
                'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-temp.gif',
                width: 200,
                height: 200,
              ),
              RaisedButton(
                child: Text('点击我'),
                onPressed: () {
                  // 点击按钮时的处理逻辑
                  print('按钮被点击');
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

这段代码创建了一个简单的应用，在屏幕中央显示了一段文本、一张图片和一个按钮。点击按钮会在控制台打印出信息。这些基础Widget是学习Flutter必不可少的步骤。