2.flutter_demo之hello world

本文介绍如何使用Flutter框架创建首个应用,详细讲解了MaterialApp和Scaffold组件的使用,展示了如何构建基本的UI界面,包括导航栏和主体内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// 导入material包
// material包是flutter的UI基础包,是Material Design设计风格的基础包
// 包含Text、Icon、Image等基础控件。
 
// Material Design,材料设计语言,又称"纸墨设计"
// 是由Google推出的全新的设计语言。
// 谷歌表示,这种设计语言旨在为手机、平板电脑、台式机
// 和“其他平台”提供更一致、更广泛的“外观和感觉”。

import 'package:flutter/material.dart';


// MaterialApp和Scaffold是Flutter提供的两个Widget
// MaterialApp,可以理解为 Material Design 风格的app的实例对象。
// Scaffold(脚手架)则是Material Design布局结构的基本实现。
// Scaffold提供了UI界面中常用的基本元素,如导航栏,底部栏,正文区域等。


// MaterialApp 包含 title 和 home
// home(Scaffold) 包含 appBar 和 body

void main() {
  runApp(MaterialApp(
      title: "Demo",
      home: Scaffold(
        appBar: AppBar(
          title: Text("标题"),
        ),
        body: Container(
          child: Center(
            child: Text("Hello World!"),
          ),
        ),
      )));
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值