Flutter02-2020 Flutter 应用介绍 MaterialApp和Scaffold组件介绍

最新推荐文章于 2024-06-05 11:45:54 发布

原创

最新推荐文章于 2024-06-05 11:45:54 发布 · 402 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了Flutter项目的基本文件结构，重点讲解了Flutter的入口文件main.dart，以及如何使用MaterialApp和Scaffold组件来装饰应用程序。通过创建自定义组件StatelessWidget，并在runApp中使用，实现了一个简单的App。接着，利用MaterialApp的home属性添加Scaffold，为App提供了导航栏和主体内容区域，从而遵循Material Design风格。

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

参考文档链接：https://book.flutterchina.club/chapter2/first_flutter_app.html
参考视频链接：https://www.bilibili.com/video/BV1x4411j7bW?p=4

┬
└ projectname
  ┬
  ├ * android      - Android部分的工程文件 （Android平台相关代码）
  ├ * build        - 项目的构建输出目录(运行项目的时候，生成的编译目录)
  ├ * ios          - iOS部分的工程文件（iOS平台相关代码）
  ├ * lib          - 项目中的Dart源文件（flutter相关代码，我们主要编写的代码，就在这个文件夹）
    ┬
    └ * main.dart  - 自动生成的项目入口文件，类似RN的index.js文件
  ├ test         - 测试相关文件（用于存放测试代码）
  └*  pubspec.yaml - 项目依赖配置文件类似于RN的 package.json （项目的配置文件：项目的名称，描述，项目所需要的各种第三方库依赖）
如：在这个文件的dependencies里面配置第三方库
之后编译他会执行flutter packages get 操作，把远程的库下载到本地，之后就可以引入了