Flutter学习----初识 Flutter

Posted bananafish

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter学习----初识 Flutter相关的知识,希望对你有一定的参考价值。

初识 Flutter

Flutter 文件目录

需要注意的文件夹

文件夹 用途
android android 平台相关代码
ios ios 平台相关代码
lib flutter 相关代码,存放源码的地方
test 用于存放测试代码
pubspec.yaml 配置文件,一般存放一些第三方库

Flutter 入口文件、入口方法

void main(){ runApp(MyApp()); }
/// 也可以简写 
void main()=>runApp(MyApp());

MaterialApp 和 Scaffold

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

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

vscode 开发Flutter项目

  1. vscode下载flutter插件
  2. vscode下载dart插件
  3. 重启vscode
  4. ctrl + shift + p 打开命令面板
  5. 选择flutter new project

运行flutter程序

flutter run

  • r: 按下后热加载
  • p:显示网格,使用这个可以掌握布局情况
  • o:切换Android 和 ios 的预览模式
  • q:推出调试预览模式

以上是关于Flutter学习----初识 Flutter的主要内容,如果未能解决你的问题,请参考以下文章

Flutter学习-初识

Flutter 专题82 初识 Flutter Stream #yyds干货盘点#

flutter-初识(基础语法)

Flutter学习日记之初识ListView组件

初识flutter

和我一起入门Flutter -- 初识Flutter