반응형 Flutter 앱개발30 [Flutter] 밀어서 잠금해제 슬라이더(unlock slider) 구현하기 오늘은 밀어서 잠금해제 후 다른 화면으로 navigate하는 unlock slider를 구현해보겠슴니다1. 우선, 슬라이더를 미는 과정이 화면에 보여야 하므로 StatefulWidget를 만들어줍니다.class UnlockSlider extends StatefulWidget { const UnlockSlider({super.key}); @override _UnlockSliderState createState() => _UnlockSliderState();} 2. 그 다음, state를 관리하는 class에서 슬라이더의 현재 위치, 전체 너비, 버튼 너비를 할당해줄 변수를 선언합니다.class _UnlockSliderState extends StateUnlockSlider> { double _dra.. 2024. 11. 14. Flutter vs React Native? 저처럼 잘 다니던 회사를 그만두고 앱 개발에 뛰어들며 비슷한 고민을 하는 분들께 도움이 되지 않을까하며 react native와 flutter 간단 비교 글 작성해봅니다.React native와 Flutter를 이제 막 공부하는 단계라 틀린 내용이 있을 수도 있습니다. (알려주시면 제 공부에 도움이 됩니다.) Flutter1)Google에서 개발한 Dart 언어로 기반의 프레임워크2)C, C++로 작성된 flutter 엔진이 각 플랫폼의 네이티브 코드와 연동. 플랫폼별 존재하는 차이에 맞게 기능하게 도와주는 임베더가 있다.3)code push가 가능은 하지만 불편함4)성장하고 있지만, 아직 개발자 생태계가 작음5)다양한 built in 기능들이 많아서 개발하기 편하다. React Native1)meta.. 2024. 11. 10. Flutter CustomSingleChildLayout 완벽 가이드: 맞춤형 레이아웃을 위한 최적의 위젯 활용법 앱의 레이아웃을 디자인하다 보면 고정된 규칙을 넘어선 맞춤형 레이아웃이 필요할 때가 있습니다. Flutter에서는 CustomSingleChildLayout 위젯을 통해 사용자 정의 레이아웃을 쉽게 구현할 수 있습니다. 이 위젯은 하나의 자식 위젯을 특정한 위치와 크기로 자유롭게 배치할 수 있는 강력한 도구입니다. 이번 글에서는 CustomSingleChildLayout 위젯의 구조와 사용법을 예제를 통해 알아보고, 실제 앱 개발에서 유용하게 사용할 수 있는 팁도 함께 소개합니다.1. CustomSingleChildLayout이란?CustomSingleChildLayout은 자식 위젯 하나를 원하는 방식으로 배치할 수 있게 도와주는 Flutter 위젯입니다. 이 위젯은 일반적인 Container나 Cen.. 2024. 10. 28. Flutter BackdropFilter: 블러 효과로 앱에 스타일을 더하는 방법 Flutter로 앱을 개발하다 보면, 디자인을 더 돋보이게 하거나 특정 요소를 강조하기 위해 블러(Blur) 같은 비주얼 효과를 추가하고 싶을 때가 있습니다. Flutter의 BackdropFilter 위젯은 이러한 블러 효과를 간편하게 구현할 수 있도록 도와줍니다. 이번 글에서는 BackdropFilter의 기본 사용법과 다양한 예시를 통해, 이 위젯이 앱의 UI에 어떻게 스타일을 더할 수 있는지 알아보겠습니다.1. BackdropFilter란?BackdropFilter는 Flutter에서 화면이나 특정 위젯의 배경을 흐리게(블러 처리) 하는 효과를 주기 위해 사용되는 위젯입니다. iOS나 Android의 디자인 트렌드를 보면 블러 효과를 활용하여 특정 요소를 돋보이게 하거나 배경의 콘텐츠를 자연스럽게.. 2024. 10. 26. Flutter AbsorbPointer 위젯으로 터치 이벤트를 막아 UI 제어하는 방법 Flutter를 이용한 앱 개발 과정에서, 특정 UI 요소의 터치 이벤트를 일시적으로 차단해야 할 때가 있습니다. 이럴 때 유용하게 사용할 수 있는 위젯이 AbsorbPointer입니다. 이번 포스트에서는 AbsorbPointer의 역할과 사용법, 활용 사례에 대해 알아보겠습니1. AbsorbPointer란?AbsorbPointer는 Flutter에서 터치 이벤트를 차단하는 데 사용되는 위젯입니다. 이 위젯을 사용하면, 자식 위젯에 전달되는 모든 터치 이벤트를 흡수하여 해당 위젯과 상호작용할 수 없게 만듭니다. 즉, 사용자가 터치하거나 드래그를 시도해도 아무런 반응이 없게 되는 거죠.간단하게 말하자면, AbsorbPointer는 해당 위젯이 마치 '투명하게' 존재하는 것처럼 만들어 주는 역할을 합니다. .. 2024. 10. 25. Flutter CustomScrollView로 복잡한 스크롤 레이아웃을 쉽게 구현하기 오늘은 CustomScrollView로 복잡한 스크롤 동작을 만들어보려고 합니다. 구체적으로, 이 글에서는 CustomScrollView가 무엇인지, 왜 유용한지, 어떻게 사용할 수 있는지에 대해 알아보겠습니다.1. CustomScrollView란?CustomScrollView는 Flutter에서 스크롤 가능한 여러 위젯을 결합해 복잡한 레이아웃을 구성할 수 있게 해주는 위젯입니다. 일반적인 스크롤 방식은 ListView나 GridView를 통해 쉽게 구현할 수 있지만, CustomScrollView는 이러한 기본적인 스크롤을 넘어, 다양한 위젯을 함께 사용할 수 있는 유연성을 제공합니다.CustomScrollView는 여러 Sliver 위젯들을 사용하여 스크롤 콘텐츠를 구성합니다. Sliver는 스크롤.. 2024. 10. 24. 이전 1 2 3 4 5 다음 728x90 반응형
