Flutter第一个程序Hello World

1.使用命令行创建一个新Flutter工程

• 切换到自己的工程目录下，打开终端输入一下代码
  flutter create myfirst_app

Tip: myfirst_app 是自己起的名字，根据个人情况调整

2.使用IntelliJ IDEA打开创建好的工程文件

01.png

1.工程目录结构如上图所示，打开lib文件夹将main.dart中的内容删除，然后键盘入如下代码
import 'package:flutter/material.dart'; //引入Flutter包
2.Flutter 主函数编写

void main() => run(myApp());//主函数，myApp需要自己声明，也可以写成如下形式,官方给的是第一种 void main() {run(myApp()); //dart 语法需要加分号 } 

3.编写myApp

class myApp extends StatelessWidget{ @override Widget build(BuildContext context){ //@override重写build 方法，该方法返回值是组件Widget return MaterialApp( //返回 MaterialApp组件 title: 'Flutter First App',home: Scaffold(// 主页面加载Scaffold组件 body: Center(// Scaffold组件的主体是Center组件 child: Text('Hello world'),// Center组件的子组件是Text组件，Text组件的值是Hello world ), ), ) } } 

4.运行在IntelliJ IDEA的终端中输入如下命令，会出现连接好电脑的手机如02图所示，显示出设备Id
flutter run

02.png
再使用以下命令运行到对应手机上，可以看到在屏幕中间出现Hello world字样。
flutter run -d 35f732fabfddd48ac7c30d4859c97a0923d016fe

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:http://dengtar.com/17650.html