Flutter入门第二讲:项目运行,Hello world
时间:2022-07-24
本文章向大家介绍Flutter入门第二讲:项目运行,Hello world,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
文:毛毛,版权归属https://maomao.ink,转载请注明出处!
《Flutter零基础入门》,从无到有构建Android、iOS双平台APP,更新中…
历史文章:Flutter入门第一讲:环境搭建(mac os为例)
这篇主要讲如何创建和运行flutter程序。
一、新建项目
打开Android Studio,依次打开File-->New-->New Flutter Project
后面步骤全部默认选项即可,你也可以修改project name为你想要的名字,命名规则建议用默认的全小写字母。
项目创建完成后,包含一个使用Material组件的简单演示应用程序。
在项目目录中,应用程序的主代码位于 lib/main.dart
,相当于Android的MainActivity.java
二、运行项目
- 定位到Android Studio工具栏:
- 在 target selector 中, 选择一个运行该应用的Android设备。如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个。
- 在工具栏中点击 Run图标。
- 体验热加载。
FlutterApp有个很明显的开发体验优势,就是修改代码之后可以立即看到效果,这一点比原生应用不知好上多少倍。
- 将main.dart里面的
You have pushed the button this many times:
修改为Hello world!
。 - 点击工具栏上的
闪电按钮
或者保存(command+s)
,即可查看运行结果。
今天就到这了,下一节讲Flutter的项目结构和框架体系,敬请期待!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PAT (Basic Level) Practice (中文)1039 到底买不买 (20 分)
- PAT (Basic Level) Practice (中文)1013 数素数 (20 分)
- PAT (Basic Level) Practice (中文)1041 考试座位号 (15 分)
- 《Java 面试问题 一 Spring 、SpringMVC 、Mybatis》
- SAP Spartacus里的product carousel控件的实现cx-product-carousel
- PAT (Basic Level) Practice (中文)1014 福尔摩斯的约会 (20 分)
- 《数据结构与算法_插入排序》
- UGL之标准位图
- Linux(Centos7.X ) 配置Java 环境变量
- CNS图表复现05—免疫细胞亚群再分类
- PAT (Basic Level) Practice (中文)1015 德才论 (25 分)
- 前端下载二进制流文件
- element-ui 表格打印
- PAT (Basic Level) Practice (中文)1016 部分A+B (15 分)
- 【Linux_Shell 脚本编程学习笔记二、打印菜单】