码迷,mamicode.com
首页 > 其他好文 > 详细

flutte的第一个hello world程序

时间:2019-07-03 15:17:47      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:hello   开始   connect   ack   ext   预览   cti   掌握   连接   

用命令行创建项目:

flutter create flutterdemo

VSCode或者AS连接手机后

输入

flutter run

编译后就可以将默认的代码显示在手机上了


开始写hello world 代码,这段代码写在根目录\lib\main.dart文件中,也是Flutter主文件。

 

整个代码如下

import ‘package:flutter/material.dart‘;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text(
        "hello world",
         textDirection: TextDirection.ltr,
      ),
      
    );
  }
}

VSCode中如何热加载

    r 键:点击后热加载,也就算是重新加载吧。
    p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。
    o 键:切换android和ios的预览模式。
    q 键:退出调试预览模式。

Vscode 默认连不上第三方模拟器解决方案

cd 到对应夜神模拟器 D:\Program Files\Nox\bin 目录 然后运行

 

nox_adb.exe connect 127.0.0.1:62001

 

 

 

flutte的第一个hello world程序

标签:hello   开始   connect   ack   ext   预览   cti   掌握   连接   

原文地址:https://www.cnblogs.com/loaderman/p/11126517.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!