還記的我最開始學習flutter的時候，創建完工程以后，不知道怎么去運行出效果，我相信很多人最開始的時候也是一臉懵，
flutter創建好工程以后，有一個自動生成的main.dart檔案，這個就是運行時的主檔案，里面有運行的入口函式，對于初學者只是簡單寫幾個demo，沒必要選擇這種方式，請參考以下程序修改：
（1）找到main.dart這個檔案，把里面的內容全部刪掉，放入以下代碼，這個代碼是運行的基本架構，以后我們寫所有的代碼都可以直接在這個檔案里面寫，
import 'package:flutter/material.dart';
void main() => runApp(MyApp());//入口函式，MyApp()在runApp里面運行
//這部分代碼基本是不變的
class MyApp extends StatelessWidget {//MyApp就是上面入口函式運行所要創建的類
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('flutter demo'),
),
body: Carddemo(),
));
}
}
//修改樣式等，就從這里修改
class Carddemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return null();//這里的null可以隨著你的代碼修改，比如可以是Container
}
}
(2)以后我們要寫什么樣式就可以直接更改可以修改的那部分的代碼，當然這個結構，會有一些變化，比如你寫互動的代碼，就是有狀態的StatefulWidget()，我們現在是無狀態StatelessWidget ，后面我會再寫一個模板，
這個模板代碼有一個快寫，就是在編輯器里寫入stl，旁邊會彈出一個提示 flutter stateless widget，按下enter鍵，可以得到這個結構基本代碼，然后再寫入創建的類名等，如果說你沒有出現提示，那就去下載插件，
現在我們就用這個模板，來寫一些代碼，你們可以直接復制我的代碼到編輯器里，直接運行，
可能有人不知道怎么去運行，以vscode為例，我用幾張圖展示一下運行程序，
第一步：呼叫運行設備
快捷鍵 ctrl+shift+p
輸入指令：launch emulator
選擇設備，比如我的設備是
第二步：運行
提示：
如果出現運行檔案代碼報紅，有可能是你的軟體沒有配置好，另外還有可能就是沒有配置運行檔案
快捷鍵ctrl+p，搜索檔案，launch.json
修改兩個引數
name 是你的專案名稱
program 是運行的檔案，注意路徑
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/234863.html
標籤：其他