프로그래밍/flutter

Flutter 기초 (StatelessWidget과 StatefulWidget)

싯타마 2019. 12. 20. 23:42

오늘은 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 이후에 원하는 상태를 입력하여 바꿀 수 있다는 특징을 가지고 있습니다.