美文网首页
Flutter - Hello World

Flutter - Hello World

作者: 辻子路 | 来源:发表于2019-07-15 13:44 被阅读0次

对于新学一门语言来说,第一个当然就是“Hello World”了,废话不多说,直接上代码:

import 'package:flutter/material.dart';

void main() {
  runApp(Center(
    child: Text(
      'Hello World',
      textDirection: TextDirection.ltr,
    ),
  ));
}

下来我们解释下上面的代码:

  • import
    import是导入包的意思, material是一种设计风格,里面包含了布局,组件,字体,动画等等。
  • void main
    就是flutter的入口函数,返回空。
  • Widget
    Flutter中实际都是由一个个的widget(部件)组装而成的,里面可以嵌套。就像上面代码,Center(显示在中间)/Text(文字) 两个都是widget。 用Center组件包裹Text组件,用于在屏幕中间显示'Hello World'。

相关文章

  • Flutter Hello World

    Flutter Hello World AndroidStudio Flutter Hello World 打开I...

  • flutter 笔记 Hello World

    flutter 笔记Hello World

  • Flutter开发 -- [01 - Hello World]

    一. 第一个Flutter代码 1.1. Hello World 1.1.1. Hello World的需求 做任...

  • flutter hello world

    创建第一个项目。由于我使用的vscode 点击debug 然后点击stardebuging。我是mac 于是选择 ...

  • flutter hello world

    在surface pro4上不知道怎么弄好了Flutter了,运行成功在redmi k30 pro手机上了,结果跑...

  • Flutter - Hello World

    对于新学一门语言来说,第一个当然就是“Hello World”了,废话不多说,直接上代码: 下来我们解释下上面的代...

  • Flutter:Hello World 之 StreamCont

    Flutter项目:Hello World 之 StreamController版本 ! 减少页面的build次数...

  • Flutter 之 Hello World

    Window搭建环境 下载并且安装Git 环境变量path添加Flutter的路径,比如: 然后在当前目录执行: ...

  • Flutter--Hello World

    1.Flutter中万物皆Widget之 2.Flutter开发一般嵌套太多,对代码进行抽取如:

  • Flutter hello_world

    今天尝试写第一个Flutter程序,Flutter版的HelloWorld。 首先创建好存放工程的目录,然后使用以...

网友评论

      本文标题:Flutter - Hello World

      本文链接:https://www.haomeiwen.com/subject/ulhnkctx.html