avatar

目录
从Flutter到原生开发-Flutter介绍

目录结构

Code
1
2
3
4
5
6
|-- android  安卓资源文件
|-- build 生产的编译目录
|-- ios ios资源文件
|-- lib flutter编写代码的文件,我们主要编写的代码就在这个文件夹
|-- test 编写测试文件的目录
|-- pubspec.yaml flutter依赖安装位置

Flutter入口文件,入口方法

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

main.dart 里面的

Code
1
2
3
4
5
void main(){
runApp(MyApp());
}
//简写
void main()=>runApp(MyApp());

其中main方法是dart 的入口方法。runApp方法是flutter的入口方法。MyApp是自定义的一个组件

materialApp 和 Scaffold 两个组件装饰App

materialApp

materialApp 是一个方便的Widget,他封装了应用程序实现Material Design 所需要的一些Widget。一般作为顶层widget使用

属性 名称
home 主页
title 标题
color 颜色
theme 主题
routes 路由
## Scaffold

Scaffold 是 Material Design 布局结构的基本实现。此类提供了用于显示drawer、snackbar和底部sheet的API

scaffold有下面几个主要属性
|属性|名称|
|:-|:-|
|appBar|显示在洁面顶部的一个AppBar|
|body|当前洁面所显示的主要内容Widget|
|drawer|抽屉菜单控件|

打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论