Flutter入门学习--(4)Hello World

2019年7月13日 95次阅读 来源: 游响云停

  我们看下使用visual code 开发的第一个项目，先看效果图

 《Flutter入门学习--(4)Hello World》

代码如下

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter',
      home:Scaffold(
        appBar: AppBar(
          title: Text("Hello World"),
        ),
        body: Center(
          child: Text("你好,Flutter"),
        ),
      )
    );
  }
}

  打开终端,运行 flutter run命令，就可以看到效果

  在这里要说几个快捷键

  q: 退出终端

   R:热加载，在运行过程中，如果我们修改了代码，保存后，按下 R键，就可以看到效果了

   o:可以切换android和ios效果

    p: 可以看到页面布局的情况

    原文作者：游响云停
    原文地址: https://blog.csdn.net/zx13525079024/article/details/86532358
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞