소소한 행복을 꿈꾸는 일상

LayoutBuilder 란 공식 문서상으론 'Builds a widget tree that can depend on the parent widget's size.' 이렇게 쓰여 있고 해당 내용을 번역해보면 '상위 위젯의 크기에 의존할 수 있는 위젯 트리를 빌드합니다.'라고 하는데 딱히 와닿지는 않아서 코드로 해당 내용을 이해해보도록 하자. 공식 문서를 통해서 이해하신 분들은 설명 좀 부탁드려요. 자세한 내용은 flutter 공식 홈페이지를 통해서 확인 바랍니다. 참조 ) https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html LayoutBuilder class - widgets library - Dart API Builds a widget t..

MediaQuery를 사용하여 특정 width 이상일 경우 배경색 변경 반응형 레이아웃 Vesrion 1은 앞에서 작성한 MediaQuery 를 이용하여 배경색을 변경 해보는 것이다. MediaQuery 사용법을 모르시는 분은 앞에서 MediaQuery 개념 및 사용법을 확인하시기 바랍니다. class MyPage extends StatefulWidget { const MyPage({Key? key}) : super(key: key); @override State createState() => _MyPageState(); } class _MyPageState extends State { @override Widget build(BuildContext context) { /* * MediaQuery(미디어..