반응형 flutterwidgets11 플러터에서 flutter_screenutil 패키지 린트 추가하기 Flutter에서 ScreenUtil을 사용할 때, sp, w, h와 같은 메서드를 필수적으로 사용하도록 강제하는 커스텀 린트를 설정하려면, 커스텀 린트 규칙을 만들어야 합니다.기본적으로 ScreenUtil은 화면 크기에 맞게 레이아웃을 설정하는 유틸리티로, sp는 글자 크기, w는 가로 크기, h는 세로 크기를 화면 크기에 맞게 자동으로 조정해줍니다.이를 강제하려면 커스텀 린트를 설정해야 합니다.1. Flutter의 기본 린트 규칙flutter_lints 패키지를 사용하면, 기본적으로 제공되는 린트 규칙들이 있지만, 이 규칙에 ScreenUtil 관련 규칙을 추가하는 방법을 알아보겠습니다.Flutter에서는 커스텀 린트 규칙을 사용하려면 Dart 분석 도구를 사용해야 합니다.이를 위해 analysis_.. 2024. 12. 23. 플러터 TextFormField에서 블루투스 키보드 입력 제한하기: inputFormatters 사용법 Flutter 앱 개발 시 TextFormField를 사용해 사용자 입력을 처리하는 경우가 많습니다.특히, 모바일 디바이스에서는 화면 내 소프트 키보드 외에 블루투스 키보드로 입력을 받을 수 있습니다.그러나 때로는 블루투스 키보드의 입력을 제한해야 할 필요가 있을 수 있습니다.이 글에서는 이를 구현하기 위한 방법으로 inputFormatters를 활용하는 방법을 소개하겠습니다.1. 왜 블루투스 키보드 입력을 제한해야 하나?블루투스 키보드 입력을 제한해야 하는 이유는 상황에 따라 다릅니다:보안 요구사항: 일부 앱은 특정 방식으로만 데이터를 입력받도록 요구됩니다.UX 개선: 사용자가 소프트 키보드 외부에서 입력하면 의도하지 않은 데이터가 입력될 가능성이 있습니다.입력 제어: 키보드 외부 장치에서 잘못된 문자.. 2024. 12. 3. 플러터 ElevatedButton: VS Code자동 완성 스니펫 Flutter에서 ElevatedButton을 자주 사용하신다면, 이를 위한 Emmet 스타일의 스니펫을 만들 수는 없지만, VS Code에서는 User Snippets 기능을 사용해서 Flutter 코드도 자동완성되도록 설정할 수 있습니다.아래는 ElevatedButton에 대한 스니펫을 설정하는 방법입니다.1. VS Code에서 Flutter 스니펫 설정하기VS Code에서 Ctrl + Shift + P를 눌러 Command Palette를 엽니다.Preferences: Configure User Snippets을 검색하고 선택합니다.Dart를 선택하여 Dart 언어용 스니펫 파일을 만듭니다.아래 예시처럼 스니펫을 추가합니다.2. ElevatedButton 스니펫 코드{ "ElevatedButton.. 2024. 9. 24. 플러터에서 LongPressDraggable 위젯 완벽 가이드: 드래그 앤 드롭 구현하기 Flutter는 다양한 UI 위젯을 제공하여 앱 개발을 더욱 풍부하고 직관적으로 만들어 줍니다.그중에서 LongPressDraggable 위젯은 사용자가 화면에서 아이템을 길게 눌러 드래그할 수 있게 해주는 유용한 위젯입니다.이번 블로그 포스트에서는 LongPressDraggable 위젯의 사용 방법과 주요 옵션에 대해 초보자도 쉽게 이해할 수 있도록 설명하겠습니다. 1. LongPressDraggable란?LongPressDraggable 위젯은 사용자가 화면에서 길게 눌러 아이템을 드래그할 수 있도록 해주는 위젯입니다.드래그가 시작되면 사용자는 아이템을 다른 위치로 이동시킬 수 있으며, 이 과정에서 드래그 중인 아이템의 시각적인 피드백을 제공할 수 있습니다.이 위젯은 일반적으로 리스트나 카드와 같은 .. 2024. 8. 11. 플러터에서 Stack 위젯 사용 방법: 초보자 가이드 Flutter는 유연하고 강력한 프레임워크로, 모바일 앱 개발을 쉽고 빠르게 할 수 있도록 도와줍니다.그 중에서도 Stack 위젯은 겹쳐진 레이아웃을 디자인할 때 유용합니다.이번 포스트에서는 Stack 위젯의 기본 사용 방법과 다양한 옵션에 대해 알아보겠습니다.Stack 위젯이란? Stack 위젯은 자식 위젯들을 겹쳐서 배치할 수 있는 위젯입니다.이를 통해 여러 위젯을 중첩하여 다양한 레이아웃을 만들 수 있습니다.예를 들어, 이미지 위에 텍스트를 겹치거나, 버튼 위에 아이콘을 겹치는 등의 레이아웃을 쉽게 구성할 수 있습니다.Stack 위젯의 기본 사용법먼저, 기본적인 Stack 위젯을 사용해보겠습니다.아래는 Flutter 프로젝트에 Stack 위젯을 추가하는 예제 코드입니다.import 'package:.. 2024. 8. 7. 플러터에서 Spread Operator ... 사용 방법: 초보자 가이드 Flutter는 유연하고 강력한 프레임워크로, 모바일 앱 개발을 쉽고 빠르게 할 수 있도록 도와줍니다.Flutter에서 Spread Operator ...는 리스트를 쉽게 관리하고 위젯을 효율적으로 배치하는 데 유용한 도구입니다.이번 포스트에서는 Spread Operator ...의 기본 사용 방법과 다양한 활용법을 알아보겠습니다.Spread Operator ...란?Spread Operator ...는 리스트나 컬렉션을 확장하여 개별 요소로 분리해주는 연산자입니다.이를 통해 여러 위젯을 하나의 리스트에 담고, 이 리스트를 쉽게 펼쳐서 UI를 구성할 수 있습니다.Dart 언어에서 제공하는 이 기능은 Flutter에서 특히 유용합니다.Spread Operator ...의 기본 사용법기본적으로 Spread .. 2024. 8. 7. 이전 1 2 다음 반응형
