1. 程式人生 > 其它 >flutter 圖片路徑_Flutter[0001]:flutter的認知

flutter 圖片路徑_Flutter[0001]:flutter的認知

技術標籤:flutter 圖片路徑

11dc9a19a11b0419411b712fc8f7d17a.png

前端小白,水瓶座。

疫情的影響下,公司的專案需求驟降。閒暇時間,我一直在努力的學習其他的知識來增進自己的技能,防止被淘汰。然後我就接觸到了flutter,在這裡寫下我關於flutter的認知。

首先宣告,本認知不會按照官方或者一般教程文件的路線介紹flutter的知識。而是按照自我邏輯記載的。


1.flutter的基礎檔案是.dart。

2.flutter專案都有一個入口檔案,main.dart[類似vue專案的main.js]。

3.main.dart有一個方法入口,是任何程式碼執行的根方法。

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
 @Override 
 Widget build(BuildContext context) {
  return Text("hello world");
 }
} 

4.在.dart中的函式或者程式碼都需要用;結尾,否則編譯器會報紅。

5.資源引入規則。

import 'package:flutter/xxxxx'; // 引入flutter內建的外掛或者模組
import './xxx.dart'; // 在當前檔案引入當前路徑的檔案
import '../xx.dart'; // 在當前檔案引入上一層級的檔案
// 當檔案層級過多時,可以使用以下寫法
import 'package:flutterapp/xxx.dart'; // 等同於第二行程式碼,flutterapp是你的專案名稱

cea4fab803805d8b464a070e72a0dbbe.png
flutterapp,你的專案名稱,圖片擷取至Android Studio