깡샘의 플러터&다트 프로그래밍 13-3

기기 모양에 대처하기

기기의 모양이 다양하다 보니 앱의 화면이 정상으로 출력되지 않을 수 있다. -> SafeArea

• SafeArea -> 화면에 출력할 내용을 콘텐츠를 정상으로 출력할 수 있게 알아서 조정해준다.

기기 모양 대처하기 실습

import 'package:flutter/material.dart';

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

class ch13_3 extends StatelessWidget {
  const ch13_3({super.key});
  List<Widget> getWidgets() {
    List<Widget> widgets = [];
    for (var i = 0; i < 100; i++) {
      widgets.add(ListTile(
        title: Text('Hello world Item $i'),
      ));
    }
    return widgets;
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SafeArea(
          child: SingleChildScrollView(
            child: Column(
              children: getWidgets(),
            ),
          ),
        ),
      ),
    ); // TODO: implement build
  }
}