Flutter第一個程序Hello World

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

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

Tip: myfirst_app 是自己起的名字，根據(jù)個人情況調(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 語法需要加分號 } 

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的終端中輸入如下命令，會出現(xiàn)連接好電腦的手機如02圖所示，顯示出設(shè)備Id
flutter run

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

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