개발/Flutter27 스크롤(Scroll) 위젯 Flutter에서 스크롤 기능을 구현하기 위해서는 스크롤 가능한 위젯을 사용해야 합니다. 스크롤 위젯은 다양한 종류가 있으며, 각각의 특성에 따라 적절한 위젯을 선택하여 사용하면 됩니다. SingleChildScrollView SingleChildScrollView는 자식 위젯이 화면에 표시되기에 충분한 공간이 없을 때 사용됩니다. 주로 Column, Row와 같은 다른 위젯과 함께 사용됩니다. SingleChildScrollView( child: Column( children: [ // 많은 수의 위젯이 있다고 가정 ], ), );ListView ListView는 스크롤 가능한 위젯을 나열할 때 가장 많이 사용됩니다. ListView는 스크롤 가능한 위젯의 컨테이너 역할을 하며, 다양한 속성을 설정하여.. 2023. 4. 11. 뷰(View) 위젯 플러터에서 뷰(View) 위젯은 사용자 인터페이스의 구성 요소를 나타냅니다. 다른 위젯과 함께 사용되어 화면에 표시되며, 사용자 입력을 받거나 정보를 표시합니다. 이러한 뷰 위젯은 앱의 다양한 부분에서 사용되며, 여러 개의 위젯이 함께 사용되어 다양한 레이아웃을 만들 수 있습니다. 뷰 위젯 중에서 가장 기본적인 것은 Container입니다. Container는 플러터에서 가장 일반적으로 사용되는 위젯 중 하나이며, 다른 위젯을 포함할 수 있으며, 색상, 패딩 및 여백을 설정할 수 있습니다. 이외에도 Text 위젯은 텍스트를 표시하는 데 사용됩니다. Image 위젯은 이미지를 표시합니다. Icon 위젯은 아이콘을 표시합니다. Card 위젯은 정보를 담은 카드를 만들 때 사용됩니다. 아래는 각 뷰 위젯의 간.. 2023. 4. 6. 커스텀 위젯(Custom Widget) StatelessWidget 또는 StatefulWidget 클래스를 상속받습니다. build 메소드를 오버라이드하고, 위젯의 모양과 동작을 정의합니다. 필요에 따라 StatefulWidget을 사용하여 위젯의 상태를 관리할 수 있습니다. 위젯을 사용할 때는 해당 위젯의 클래스명을 호출하면 됩니다. 아래는 간단한 커스텀 위젯을 만드는 예시 코드입니다. import 'package:flutter/material.dart'; class MyButton extends StatelessWidget { final String text; final Function onPressed; MyButton({required this.text, required this.onPressed}); @override Widget .. 2023. 4. 6. 머티리얼(material) 디자인 위젯 머티리얼 디자인은 구글이 개발한 디자인 가이드라인으로, 모바일 및 웹 애플리케이션에서 사용되는 UI/UX 요소를 표준화하고 일관성을 유지할 수 있도록 돕습니다. Flutter에서는 머티리얼 디자인 가이드라인을 준수하는 위젯을 제공합니다. 이번에는 머티리얼 디자인 위젯 중 몇 가지를 소개하겠습니다. AppBar: 앱의 상단에 표시되는 바입니다. 주로 제목이나 로고, 메뉴 등의 내용을 담습니다. BottomNavigationBar: 화면 하단에 표시되는 탭바입니다. 각 탭을 누르면 해당 내용이 화면에 표시됩니다. Card: 정보를 담은 카드를 표시하는 위젯입니다. 카드 내부에는 이미지, 텍스트, 버튼 등의 요소를 포함할 수 있습니다. FloatingActionButton: 주요 작업을 수행할 수 있는 버튼입.. 2023. 4. 6. 상태관리(State Management) 개념 상태관리(State Management)는 애플리케이션의 상태를 관리하는 방법입니다. 애플리케이션의 상태란 사용자 입력, 네트워크 요청, 데이터 변경 등에 의해 변하는 값들을 말합니다. 이러한 상태를 관리하는 것은 애플리케이션의 성능과 사용자 경험을 개선하는 데 매우 중요합니다. Flutter에서는 여러 가지 상태관리 방법을 제공합니다. 가장 기본적인 방법은 StatefulWidget을 이용하여 상태를 관리하는 것입니다. StatefulWidget은 상태가 변경될 때마다 화면을 다시 그립니다. 또 다른 방법으로는 Provider 패키지를 이용하는 것이 있습니다. Provider는 InheritedWidget을 이용하여 상태를 관리하며, 상태가 변경될 때마다 화면을 다시 그리지 않아도 되기 때문에 성능이 .. 2023. 4. 4. 애니메이션(Animation) 개념 Flutter의 애니메이션(Animation)은 객체의 특정 속성값을 시간에 따라 변경하는 것입니다. 예를 들어, 위젯의 위치, 크기, 색상 등의 속성값을 변경하여 애니메이션을 구현할 수 있습니다. Flutter에서 애니메이션은 크게 세 가지 요소로 구성됩니다. Animation Controller 애니메이션의 시작과 끝을 제어하며, 애니메이션의 진행 상태를 관리합니다. Animation 애니메이션을 위해 정의한 시작값과 끝값 사이를 보간(interpolate)하여 애니메이션의 중간 값(간격)을 계산합니다. Animation Widget 애니메이션을 실제로 실행할 위젯입니다. 이 세 가지 요소를 조합하여, 애니메이션을 구현할 수 있습니다. Animation Controller와 Animation은 둘 다.. 2023. 4. 4. 이전 1 2 3 4 5 다음