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:推出调试预览模式

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

时间: 2024-11-05 14:30:34

Flutter学习----初识 Flutter的相关文章

初识flutter

初识flutterflutter是Google开发的一套全新的跨平台开源框架.目前flutter已经发布很多很多版本,正在逐步的完善,它的目标其实是和react native一样的,就是同一份代码可以同时运行在Android和iOS两个系统上.如果你同时有react native和flutter开发经验,你就会发现flutter的很多设计理念和react native是一样的,react native基于组件开发页面,flutter则是widget,他们都有自己的生命周期,他们都是自己的属性或者

Flutter学习资料整合

1.Dart 面向对象语言,与java类比学习 非常适合移动和Web应用程序 1.dart官网 2.Dark2 中文文档 3.Dart语法学习 4.极客学院Dart学习 5.Flutter与Dart 入门 2.Flutter 树形布局,一切皆组件 1.flutter文档 2.flutter中文文档(更新滞后) 3.flutter学习入门: http://jspang.com/archives/ https://juejin.im/user/59ed44cf6fb9a0451c398c45/pos

【flutter学习】基础知识(一)

今天开始学习一下flutter 学习思路:首先由一个简单的例子引出每次学习的对象,一点一点加入元素,针对于代码去了解学习详细知识. 看完本篇博客能够快速的读懂flutter简单代码. flutter Hello Word 这是一个简单的Hello Word 首先引入了material库material是什么,是一个拥有基本样式的库. runApp(runApp是什么)是程序的开始,这个函数需要一个Widget(Widget是什么),习惯叫他组件. 这里传入了一个嵌套的Widget,Center(

linux_shell 编程学习-初识she'll

一.she'll编程规范 1.she'll脚本命名一般为英文的大小写; 2.不能用特殊符号.空格来命名; 3.she'll脚本后缀以.sh结尾; 4.不建议she'll命名为纯数字,一般以脚本功能命名; 5.she'll脚本内容的首行需以#!/bin/bash开头; 6.she'll脚本中的变量姜亮使用大写字母,字母间不能用",",可以用"_"; 7.shell 脚本变量名称不能以数字.特殊符号开头; 第一个she'll脚本 #!/bin/bash echo &qu

Flutter学习简记

StatefulWidget和StatelessWidget StatefulWidget : 具有可变状态的窗口部件,也就是你在使用应用的时候就可以随时变化,比如我们常见的进度条,随着进度不断变化. StatelessWidget:不可变状态窗口部件,也就是你在使用时不可以改变,比如固定的文字(写上后就在那里了,死也不会变了). lutter中一切皆widget,这和RN中一切皆组件的思想很类似,因此在学习Flutter中,我们必须首先来了解Flutter的widget.下面先从最基本的Mat

flutter学习日志(一)【flutter的安装和环境配置 windows】

首先定他一个小目标: ->->目标:命令行输入 flutter doctor (检测flutter所需环境) 得到下图所示-> ->->目标分解:-> 安装flutter (上图中第一个√ get) 安装jdk 安装android studio 安装android sdk (上图中第二个√ get) 安装dart和flutter插件 (上图中第三个√ get ->->-> 第零步:建立几个空文件夹 1.如下图所示,首先建立文件夹 D:\Flutter2

【Flutter学习】基本组件之文本组件Text

一,概述 文本组件(Text)负责显示文本和定义显示样式, 二,继承关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Text 三,构造方法 单一格式(Text( )) 构造方法创建,只能生成一种style Text() const Text(this.data, { Key key, this.style, this.textAlign, this.textDirecti

【Flutter学习】基本组件之基本列表Gradview组件

一,概述 数据量很大的时用矩阵方式排列比较清晰,此时用网格列表组件,即为GridView组件,可实现多行多列的应用场景. 使用GridView创建网格列表有多种方式: GridView.count 通过单行展示个数创建GridView. GridView.extend通过最大宽度创建GridView. 二,构造函数 GridView 使用场景:使用自定义SliverGridDelegate创建可滚动的2D小部件数组 构造函数 GridView({Key key, Axis scrollDirec

【Flutter学习】基本组件之基本表单组件

一,概述 表单时一个包含表单元素的区域. 表单元素允许用户输入内容,比如文本域,下拉列表,单选框,复选框等.常见的应用场景有:登录,注册,输入信息等. 表单里有两个重要的组件: Form:用来做整个表单提交使用 TextFormField:用来做用户输入.  正式向服务器提交数据前,都会对各个输入框数据进行合法性校验.但对每个TextField都分别校验很麻烦. 如果想清除一组TextfFiled的内容,一个个清除也很麻烦.所以,Flutter提供了一个Form widget,可以对输入框进行分