2022年7月4日 星期一

Flutter學習-3 StatelessWidget和StatefulWidget

 Flutter的函式有一個常出現在的繼承方法,一個是StatelessWidget,另一個是StatefulWidget。

StatelessWidget中的Widget狀態不會在每次讀取時改變。

StatefulWidget中的Widget狀態會在每次讀取時改變。

透過上面兩種方法的不同,每次執行只有讀取重新更新有改變的部份,節省讀取App的時間及效率。

一、StatelessWidget(在android studio中的快捷打法為stl後按enter)

附註:以下函式_名要為首字母大寫的英文字母

基本架構如下:

class 函式_名 extends StatelessWidget {
const 函式_名({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Container();
}
}


二、StatefulWidget(在android studio中的快捷打法為stf後按enter)

基本架構如下:

class 函式_名 extends StatefulWidget {
const 函式_名({Key? key}) : super(key: key);

@override
State<函式_名> createState() => _函式_名State();
}

class _函式_名State extends State<函式_名> {
@override
Widget build(BuildContext context) {
return Container();
}
}

沒有留言:

張貼留言