用Android Studio,写一个HelloWorld程序

写一个HelloWorld程序

        环境搭建好后,按照惯例就是写一个HelloWorld程序,下面用最简单的结构,写一个HelloWorld,并介绍一下相关的Dart语法。



       在环境搭建好之后,写HelloWorld 程序之前,首先要创建一个flutter 项目文件。

       那如何创建一个flutter 项目文件呢?

       请小伙伴们看另一篇简书:

                https://www.jianshu.com/p/3a7cf9ba0b3d

        已经了解的小伙伴们,可以跳过继续阅读(●'◡'●)。


一、HelloWorld整体代码

        先快速写一个最简单的结构体,这个界面只包含两部分,头部订单的蓝色bar条和屏幕中间区域的内容。(人狠话不多,上代码)

        这段代码是写在 根目录\lib\main.dart 文件中,这就是Flutter的主文件。

import 'package:flutter/material.dart';

//主函数(入口函数)  Dart的函数

void main() =>runApp(MyApp()); 

// 声明MyApp类 

class MyApp extends StatelessWidget{ 

    //重写build方法 

    @override

    Widget build(BuildContext context){

    //返回一个Material风格的组件

    return MaterialApp(

            title:'Welcome to Flutter',

            home:Scaffold(

                //创建一个Bar,并添加文本

                appBar:AppBar( title:Text('Welcome to Flutter'),

                 ),

                //在主体的中间区域,添加一个hello world 的文本

                body:Center( child:Text('Hello World'),

                 ),

             ),

       );

    }

}

在Android Studio 软件中是这种效果,老规矩上图:

Android Studio


        写完后打开终端,运行flutter run,等待一小会,就会看到虚拟机中显示了Hello World的内容。上图:

雷电虚拟机,百度可以下载,运行自动加载页面


二、Dart语法Function函数

        Dart是面向对象的语言,即使是函数也是对象,并且属于Function类型的对象。这意味着函数可以分配给变量或作为参数传递给其他函数。当然你也可以像JavaScript一样,调用一个函数。

        比如我们写Hello World中的第2行,就是一个函数。

void main() =>runApp(MyApp());

        因为这个函数体里只有一行代码,所以可以直接使用=>来省略{},只有函数体里只有一行时,才可以使用,否则请使用大括号。 有点像ES6 里面的箭头函数。感兴趣的小伙伴可以去研究一下ES6语法,相信大家都已经知道了。

        学习Dart语法时你要记住一条,Dart里一切皆对象,包括数字和函数。。。

三、上面用到的 StatefulWidget 和 StatelessWidget

        · StatefulWidget : 具有可变状态的窗口部件,也就是你在使用应用的时候就可以随时变化,比如我们常见的进度条,随着进度不断变化。

        · StatelessWidget:不可变状态窗口部件,也就是你在使用时不可以改变,比如固定的文字(写上后就在那里了,死也不会变了)。

上面的HelloWorld 代码就继承了不可变窗口部件 StatelessWidget。


四、 再说一下,在VSCode中如何热加载

        用VSCode编写Flutter不好的一点就是要手动加载更新应用,这至少会降低我们15%的工作效率。

        当我们运行flutter run以后,会有一段白色文字的提示,说明了我们可以作的事情:

VScode

    来看几个重点的,也是一般常用的:

        r 键:点击后热加载,也就算是重新加载吧。

        p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。

        o 键:切换android和ios的预览模式。

        q 键:退出调试预览模式。

        如果你觉的这太麻烦了,我们可以开启Debug模式,这时就可以实现真正的热加载了(保存,效果立即就会改变),但有时报错,也挺烦人的。上图:

Debug

    这个基本的结构很重要,小伙伴们可以多练习几遍,把基本结构记熟练。。。

    一起加油ba。 阿巴阿巴阿巴。。。

阿巴
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339