Flutter 项目中目录、入口、Widget、Center组件、Text组件、MaterialApp组件、Scanffold组件的介绍。

最新推荐文章于 2025-04-10 16:51:14 发布

清杨VIP

最新推荐文章于 2025-04-10 16:51:14 发布

阅读量351

点赞数

分类专栏： flutter 文章标签： flutter ios

本文链接：https://blog.csdn.net/qq_34491373/article/details/126348913

版权

本文介绍了Flutter项目的目录结构，包括android、iOS、lib、test和pubspec.yaml等关键部分。重点讲解了项目的入口文件main.dart，以及dart的main方法和runApp方法。文章还详细阐述了StatelessWidget和StatefulWidget的区别，并强调MaterialApp作为顶级Widget的重要角色，以及其常用属性。此外，Scaffold组件的用途，如AppBar、body、drawer等也被提及。最后，提到了Text和Container这两个基础组件。

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

1、项目目录介绍。

android：adorid 平台相关代码。

iOS：iOS平台相关代码。

lib：flutter相关代码、主要编写代码文件夹。

test：主要存放测试代码文件夹。

pubspec.yaml：配置文件、一般存放一些第三方库的依赖。

2、项目入口介绍。

//头文件
import 'package:flutter/material.dart';
//main函数
void main() {
  runApp(KMyApp());
}
//自定义组件
class KMyApp extends StatelessWidget {
  const KMyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: KHomeContent(),
      ),
      theme: ThemeData(
        primarySwatch: Colors.green
),
    );
  }

}

class KHomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child:Container(
        child: const Text(
          'Flutter Content Message is Beijing ',
          textDirecti

最低0.47元/天解锁文章