---
# System prepended metadata

title: Flutter 基本介紹
tags: [Flutter, 技術分享]

---

# Flutter 基本介紹
###### tags: `技術分享` `Flutter`
撰寫dart原始碼會及時產生android檔案與ios檔案在各自資料夾


## Framework框架(Dart):
### 平台:
1. Marerial(android) 
2. Cupertino(ios)

### 元件(widgets):
1. Stateless 無狀態(圖片、文字)
2. stateful 有狀態(動畫、動作)

### 炫染
1. Rendering(炫染)

### 動作
1. Arimation(動畫) 
2. Painting(繪畫) 
3. Gestures(事件):長按、觸摸、放大等動作

### Class
#### FloatingActionButton
![](https://i.imgur.com/KE4aOhx.png)
```
floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,        //按下後所做的動作
        tooltip: 'Increment',                //工具提示
        child: Icon(Icons.add),              //設定Icons
),
```

#### StatefulWidget(有狀態)與StatelessWidget(無狀態)
透過複寫createState()來創建狀態對象
```
//創建RandomWordsState實例
@override
RandomWordsState createState() => RandomWordsState(); 
```
#### RandomWordsState 實作 Widget(大部分程式碼都在這裡實作)

