Flutter beta 1 重磅发布:开发精美的原生应用
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// 此处定义应用程序的根Widget
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(), // 使用HomePage作为应用的首页
debugShowCheckedModeBanner: false, // 隐藏右上角的调试标签
theme: ThemeData(
primarySwatch: Colors.blue, // 设置主题色为蓝色
),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('欢迎来到Flutter'), // 设置应用栏标题
),
body: Center(
child: Text('Flutter beta 1 发布了!'), // 设置主界面中间的文本
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {}, // 设置浮动按钮的点击事件处理
child: Icon(Icons.add), // 设置浮动按钮的图标
),
);
}
}
这段代码演示了如何使用Flutter创建一个简单的移动应用程序,包括一个带有浮动动作按钮的主屏幕。这个应用程序使用了Material Design风格的UI组件,并展示了如何通过Scaffold
来构建常见的应用布局。通过这个例子,开发者可以快速了解如何开始构建自己的Flutter应用。
评论已关闭