Flutter第一個(gè)程序Hello World

1.使用命令行創(chuàng)建一個(gè)新Flutter工程

• 切換到自己的工程目錄下，打開終端輸入一下代碼
  flutter create myfirst_app

Tip: myfirst_app 是自己起的名字，根據(jù)個(gè)人情況調(diào)整

2.使用IntelliJ IDEA打開創(chuàng)建好的工程文件

01.png

1.工程目錄結(jié)構(gòu)如上圖所示，打開lib文件夾將main.dart中的內(nèi)容刪除，然后鍵盤入如下代碼
import 'package:flutter/material.dart'; //引入Flutter包
2.Flutter 主函數(shù)編寫

void main() => run(myApp());//主函數(shù)，myApp需要自己聲明，也可以寫成如下形式,官方給的是第一種 void main() {run(myApp()); //dart 語法需要加分號(hào) } 

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.運(yùn)行在IntelliJ IDEA的終端中輸入如下命令，會(huì)出現(xiàn)連接好電腦的手機(jī)如02圖所示，顯示出設(shè)備Id
flutter run

02.png
再使用以下命令運(yùn)行到對(duì)應(yīng)手機(jī)上，可以看到在屏幕中間出現(xiàn)Hello world字樣。
flutter run -d 35f732fabfddd48ac7c30d4859c97a0923d016fe

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.junxiaosheng.cn/17650.html