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

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

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

目录

  • 项目文件结构
  • Flutter入口文件和入口方法
  • 使用MaterialApp 和Scaffold两个组件装饰App

一、项目文件结构

┬
└ 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 操作,把远程的库下载到本地,之后就可以引入了

二、Flutter入口文件和入口方法

每一个flutter 项目的lib目录里面都有一个main.dart这个文件,就是flutter 的入口文件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值