Flutter _ 기본 앱 다뤄보기

class MyApp extends StatelessWidget

class HelloPage extends StatefulWidget

플러터는 기본적으로 StatelessWidget, StatefulWidget 두가지로 구성되어있다.

이름으로 알 수 있듯이 StatefulWidget은 역동성을 부여함으로 우리가 앞으로 많이 사용하게 될 아이이다.

class HelloPage extends StatefulWidget {
  final String title;

  HelloPage(this.title);

 //어떻게 바뀔지 _HelloPageState()로 반영
  @override
  State<HelloPage> createState() => _HelloPageState();
}
//바뀌는 부분 반영 class
class _HelloPageState extends State<HelloPage> {
  String _message='Hello World'; // _ is private
  int _counter=0;
  @override
  Widget build(BuildContext context) {
    return Scaffold( floatingActionButton: FloatingActionButton(
          child:Icon(Icons.add),
          //버튼을 눌렀을 때, _changeMessage()함수가 실행
          onPressed:()=>_changeMessage),
        appBar:AppBar(
          title:Text(widget.title),
        ),
        body:Center(
          child:Column(
            mainAxisAlignment: MainAxisAlignment.center,//가운데로 배치되게 정렬 위치
            children: <Widget>[
              Text(_message,style:TextStyle(fontSize: 30)),
              Text('$_counter',style:TextStyle(fontSize: 30)),
            ] )
        )) ;
  }

https://flutterstudio.app
에 가면 기본적인 레이아웃 구성에 대해서 알아볼 수 있다고 한다