Hello World

Llux lux·2025년 4월 1일

Flutter

목록 보기
5/6
  • Widget

  • Widget은 레고 블럭과 같다.
    → Flutter에 있는 모든 것은 Widget이며, Widget들을 합치는 방식으로 앱을 만든다.

  • 프로그래밍 관점에서,
    Widget을 만든다. = class를 만든다.

  • build 메소드

  • 무엇을 return 하던지, 화면에 보여준다. → Widget의 UI를 만든다.

  • runApp ()

  • 해당 함수에 주는 Widget은 앱의 시작점을 의미한다. (= root)

  • root Widget은 두 개의 옵션 중 하나를 반드시 return 해야 한다.

  • MaterialApp: google 디자인 시스템

  • CupertinoApp: apple 디자인 시스템
    → 어떤 family 스타일을 사용할지 flutter에게 알려주는 역할.

  • scaffold

  • 화면의 구조를 제공.

  • 모바일 앱의 모든 화면은 scaffold가 필요하다.

  • Widget을 반복적으로 조립하면서 UI를 만든다.

class App extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
        title: Text("Hello flutter!"),
        ),
        body: Center(
        child: Text("Hello world!"),
      )),
    );
  }
}
profile
하하하

0개의 댓글