美文网首页
Flutter - Hello Flutter

Flutter - Hello Flutter

作者: tp夕阳武士 | 来源:发表于2020-09-17 10:21 被阅读0次

1. 两步创建Flutter项目

  • stp1 : 打开终端 , cd 到你想要创建flutter项目的路径
  • stp2 : 在终端执性命令: flutter create hello_flutter

注意
hello_flutter是工程名字,根据自己实际项目名修改

2. Hello Flutter

import 'package:flutter/material.dart';

/*程序入口函数*/
void main() {
  //runApp : Inflate the given widget and attach it to the screen.
  // 通过这个函数,把组件显示到屏幕上去;
  runApp(
      //自定义的class 继承于 StatelessWidget
      MyApp()
   );
}

class MyApp extends StatelessWidget {
  const MyApp({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    //MaterialApp 是flutter SDK中提供的一个类 继承于StatefulWidget
    //An application that uses material design.
    // A convenience widget that wraps a number of widgets that are commonly required for material design applications.
    // It builds upon a [WidgetsApp] by adding material-design specific functionality, such as [AnimatedTheme] and
    // [GridPaper].
    // 使用MaterialApp 设计的应用程序。
    // 它封装了很多小部件,在 [WidgetsApp] 的基础上,
    //通过添加特定Widget设计功能,如[动画主题]和 [Grid Paper].
    return MaterialApp(

      //Implements the basic material design visual layout structure.
      //实现基本的材料设计视觉布局结构。 
      //源码中海油非常多的注释,可以深入看一下;
      home: Scaffold(
        // AppBar 是用于设计导航栏的
          appBar: AppBar(
            title: Text('标题'),
          ),
          
          // 这个body 就是用于设计页面内容的了,
          body: Center(
            child: Text('hello flutter'),
          )),
    );
  }
}

相关文章

  • Flutter Hello World

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

  • flutter 笔记 Hello World

    flutter 笔记Hello World

  • Flutter - Hello Flutter

    1. 两步创建Flutter项目 stp1 : 打开终端 , cd 到你想要创建flutter项目的路径 stp2...

  • Flutter 配置 - Hello Flutter

    搭建开发环境 我们是在学习编程,就是自己上手实验一番,Hello Flutter,上手第一步就是环境搭建,如下参考...

  • Flutter学习-Hello Flutter

    【声明:】本文是作者(蘑菇v5)原创,版权归作者 蘑菇v5所有,侵权必究。本文首发在简书。如若转发,请注明作者和来...

  • Hello Flutter

    Flutter已经发布了beta版!可以 一套代码开发漂亮流畅的Android和iOS app有没有,所以赶紧来试...

  • Hello Flutter

    什么是Flutter? Flutter 来自 Google,是移动端APP开发SDK,使用 Dart 语言编写一套...

  • Hello Flutter

    简介 Flutter作为谷歌最近推出的跨平台开发框架,一经推出便吸引了不少注意。关于Flutter,目前我们知道它...

  • Hello Flutter

    Flutter简介 Flutter是一个高性能跨平台的移动开发框架。使用Dart语言。开发者只需编写一份代码,即可...

  • Hello Flutter

    一、简介 Flutter是Google的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。...

网友评论

      本文标题:Flutter - Hello Flutter

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