码迷,mamicode.com
首页 > 其他好文 > 详细

Flutter学习----初识 Flutter

时间:2020-01-23 22:42:27      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:widget   project   三方   重启   加载   ade   idg   android   The   

初识 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

标签:widget   project   三方   重启   加载   ade   idg   android   The   

原文地址:https://www.cnblogs.com/bananafish/p/12231511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!