一位Android程序员入坑Flutter后整理出一份超详细的学习笔记

// 这是Flutter中创建一个简单文本小部件的示例代码
import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // 这个方法用来创建一个新的Widget
  @override
  Widget build(BuildContext context) {
    // MaterialApp是给应用提供一个Material Design风格的home
    return MaterialApp(
      home: Scaffold(
        // 应用的标题
        appBar: AppBar(
          title: Text('Flutter学习笔记'),
        ),
        // 主体内容，这里是一个Center小部件，包含一个Text小部件
        body: Center(
          child: Text(
            'Hello, Flutter!', // 显示的文本
            style: TextStyle(
              fontSize: 30, // 字体大小
              color: Colors.red, // 字体颜色
            ),
            textDirection: TextDirection.ltr, // 文本方向，从左到右
          ),
        ),
      ),
    );
  }
}

这段代码演示了如何在Flutter中创建一个简单的文本显示，包括如何使用Text小部件来显示文本，并设置样式和方向。同时，它展示了如何使用MaterialApp和Scaffold来构建一个基本的用户界面。这是学习Flutter的一个很好的起点。