<address id="r9vd9"><address id="r9vd9"><listing id="r9vd9"></listing></address></address>

      歡迎您光臨深圳塔燈網絡科技有限公司!
      電話圖標 余先生:13699882642

      網站百科

      為您解碼網站建設的點點滴滴

      Flutter第一個程序

      發表日期:2018-12 文章編輯:小燈 瀏覽次數:1744

      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
      相關APP開發
       八年  行業經驗

      多一份參考,總有益處

      聯系深圳網站公司塔燈網絡,免費獲得網站建設方案及報價

      咨詢相關問題或預約面談,可以通過以下方式與我們聯系

      業務熱線:余經理:13699882642

      Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.    

      国产成人精品综合在线观看