我的第一个Flutter应用(HelloWorld)

目录

  • HelloWorld编写——①
    • 编写代码块——②
    • 程序运行结果——③
    • 请帮顶 / 评论点赞!你们的鼓励是我写作的最大动力!

HelloWorld编写——①

(1)打开Project目录下的lib文件夹。
我的第一个Flutter应用(HelloWorld)_第1张图片
(2)编辑 Dart 代码所在的 lib/main.dart 文件。
我的第一个Flutter应用(HelloWorld)_第2张图片
(3)打开main.dart文件并修改(删除)里面默认的内容。

编写代码块——②

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),//标题栏的标题内容
        ),
        body: Center(
          child: Text('Hello World'),//居中的内容
        ),
      ),
    );
  }
}

程序运行结果——③

我的第一个Flutter应用(HelloWorld)_第3张图片

请帮顶 / 评论点赞!你们的鼓励是我写作的最大动力!

你可能感兴趣的:(Flutter入门学习)