개발 기록/플러터 (4) 썸네일형 리스트형 플러터 튜토리얼 - 화면 이동 (Navigator, routes) 안녕하세요 :) 이번 시간에는 스크린을 이동하는 방법에 대해서 학습을 하도록 하겠습니다. 화면이 몇 개 없는 경우에는 Navigator만을 사용하여 화면 전환을 하셔도 되겠지만, 화면(스크린)이 많아지는 경우에는 routes를 사용하여 화면들을 등록해 놓고 필요에 따라서 호출을 하실 수 있어요. Navigator부터 살펴보도록 하겠습니다. 1. Navigator class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors... 플러터 튜토리얼 - 리스트, 그리드 레이아웃 (ListView, GridView) 안녕하세요 :) 이번 시간에는 앱을 사용함에 있어 필수 레이아웃인 리스트 형식의 ListView에 대해서 학습을 하겠습니다. 추가적으로 쇼핑몰이나 갤러리 앱에서 자주 볼 수 있는 격자 형식의 GridView까지 배워볼게요. 1. ListView 리스트를 보여주기 위해서 사용되는 ListView 입니다. 이전 시간에 배웠던 Column 위젯이나 Row위젯은 스크롤이 안되었어요. 하지만 ListView를 사용하면 스크롤을 사용할 수 있습니다. @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text(title) ), body: ListView( childre.. 플러터 튜토리얼 - Text, Icon, Image 위젯 학습 안녕하세요. 이번 시간에 화면에 정보를 줄 수 있는 Text, Icon, Image 위젯에 대해서 학습을 하겠습니다 :) 1. Text @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text(title) ), body: Container( child: const Center( child: Text("Hello Widget", style: TextStyle(fontWeight: FontWeight.bold)) ), ) ); } Text 위젯은 앞에서의 강의 중 Hello World를 출력할 때 사용을 한 위젯이에요 :) 스타일이 필요한 경우는 style .. 플러터 튜토리얼 - 기본이 되는 필수 Container 위젯 학습 안녕하세요 :) 저번 시간에는 플러터를 구동하고 Hello World를 확인을 했어요. 플러터의 모든 구성 요소는 위젯이라고 설명을 드렸는데요. 기본이 되는 위젯들을 하나씩 살펴볼게요. 이번 시간에 학습을 할 위젯은 Container, Center 위젯 입니다. Container, Center는 플러터의 레이아웃을 담당하는 위젯[0]이에요. HTML/CSS에서 익숙한 BOX 모델을 표현하기 위한 방법이에요. 1. Center Center 위젯은 가운데 정렬을 위한 위젯이에요. child를 중앙 정렬을 시키겠습니다. @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( ti.. 이전 1 다음
