Flutter简介及环境搭建【1.2】
在Flutter中,可以使用MaterialApp
类来定义应用程序的根widget,它设置了Material Design的应用程序shell,包括标题、主题和初始路由。
以下是一个简单的Flutter应用程序示例,它创建了一个显示“Hello, World!”的屏幕:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatelessWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: Text('Hello, World!'),
),
);
}
}
在这个例子中,MyApp
是应用程序的根widget,它定义了应用程序的主题和初始路由指向MyHomePage
。MyHomePage
是一个无状态的widget,它创建了一个包含应用栏和中心的文本的scaffold。这个文本是“Hello, World!”。
这个简单的应用程序展示了如何在Flutter中创建一个基础的用户界面,并且是学习Flutter的一个很好的起点。
评论已关闭