[Flutter] 플러터 - Cupertino 적용해보기

CupertinoNavigationBar 위젯은 머터리얼의 AppBar 위젯이다.

leading, middle, trailing 프로퍼티는 각각 왼쪽, 가운데, 오른쪽 영역을 나타내면 middle 프로퍼티에는 주로 제목을 표시한다.

이하 CupertinoAlertDialog, CupertinoSwitch 등이 있고 디자인면에서 머터리얼과 많이 다르다. 아래는 아주 기본적인 코드들이다.

import 'package:flutter/cupertino.dart';

void main(){
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      home: CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text('쿠퍼티노 앱바'),
        ),
        resizeToAvoidBottomInset: true,
        child: Center(
          child: Text('쿠퍼티노'),
        ),
      ),
    );
  }
}