오늘은 StatelessWidget과 StatefulWidget에 대해 알아보겠습니다.
먼저 실습한 코딩 먼저 보여드리겠습니다.
*해당 실습은 안드로이드 스튜디오에서 진행하였습니다.
안드로이드 스튜디오, fluter 설치방법 ------>https://for-it-study.tistory.com/3
<flutter 코딩>
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: HelloPage('hello world')
);
}
}
class HelloPage extends StatefulWidget {
final String title;
HelloPage(this.title);
@override
_HelloPageState createState() => _HelloPageState();
}
class _HelloPageState extends State<HelloPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body:Text(widget.title, style: TextStyle(fontSize: 30))
);
}
}
<구현 결과>
우선 StatelessWidget은 고정된(?) 상태를 변경할 수 없게 한다는 특징을 가지고 있습니다.
그래서 기존의 ul를 변경하기 위해서 StatefulWidget을 사용하면 되는데
build 이후에 원하는 상태를 입력하여 바꿀 수 있다는 특징을 가지고 있습니다.
'프로그래밍 > flutter' 카테고리의 다른 글
Flutter 레아이웃 기초 강좌 mainAxisAlignment 정렬 명령어 (0) | 2020.01.31 |
---|---|
Flutter 레이아웃기초 강좌 Row와 Column (0) | 2020.01.21 |
Flluter를 Firebase와 연동하기! (디버그 서명 인증서 입력 방법, SHA1 입력방법) (0) | 2020.01.14 |
Flutter로 타이머,스톱워치 만들기 (numberpicker: ^1.1.0오류) (0) | 2019.12.26 |
Flutter 다운로드방법, Path 설정 (0) | 2019.12.19 |