본문 바로가기
Flutter

[Flutter] Flutter 기초

by 박헹구 2022. 3. 19.
반응형

 

state 연결하기. 

class MyApp extends StatefulWidget {

  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _MyAppState();
  }
}

//여러 사람이 일 할 경우  MyAppState를 사용하거나 조작할 수 없도록 보호기능을 걸기 위해서는 
// _ <- 언더바 넣어서 _MyAppState public class에서 private class로 전환함.
class _MyAppState extends State<MyApp> {

  var questionIndex = 0;

  void answerQuestion() {
    setState(() {
      questionIndex = questionIndex + 1;
    });
    print(questionIndex);
  }

  @override //데코레이터
  Widget build(BuildContext context) {
    var questions = [
      'What\'s your favorite color?',
      'What\'s your favorite animal?',
    ];

 

 

const - 변수와 목록이 모두 변경되지 않도록 보호.

final - 초기값이 변경되지 않을 경우에는 final.

var - 상수 변수에 새 값을 할당할 경우 var.

 

class _Person {
    final _name = 'Max';
}

_를 넣어주면 자체 라이브러리/파일에서만 사용할 수 있는 private class

 

  Quiz(
      {@required this.questions,
      @required this.answerQuestion,
      @required this.questionIndex});

@required는 {}안에서 material.dart에서 제공하는 데코레이터이며 기본적으로 flutter에 이러한 모든 값이 필요하므로 생략하면 안된다.

최신버전을 사용하는경우 @ 빼고 required만 사용한다.

 

class Result extends StatelessWidget {
  final int resultScore;
  final VoidCallback resetHandler;

 

 

https://flutter-ko.dev/

 

Flutter - 가장 빠른 아름다운 네이티브 앱

Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고

flutter-ko.dev

 

반응형

댓글