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://www.webpost.com.cn/17650.html