본문 바로가기
반응형

2023년 부터22

[Flutter] ListView 스크롤 문제와 A RenderFlex overflowed by pixels on the bottom. 와 같은 픽셀이 초과 현상 Flutter에서 다양한 항목을 정리 나열하여 보여주는 ListView라는 위젯이 존재합니다. 이 ListView은 작성도 간단하고 사용도 편리하여 많이들 사용합니다. 하지만 이 ListView를 사용할 때 리스트들은 잘 나오지만 스크롤이 되지 않고, pixel이 초과 되었다는 error시 어떻게 처리하는지 알아보도록 하겠습니다. 발생 현상 저같은 경우에는 Colum 안에 Container 2개와 ListView.builder를 포함한뒤 ListView.builder에 여러 항목을 추가하여 ListView 부분을 스크롤 하도록 작업을 하였습니다. 하지만 UI는 잘 그려졌지만 스크롤은 동작하지 않고 pixel이 초과 되었다 error를 확인 할 수 있었습니다. 원인 위와 같은 현상이 발생한 원인은 아래와 .. 2024. 3. 26.
[Flutter]Animation활용 앱을 개발하다 보면 사용자 편의성이나 사용성을 위하여 애니메이션을 사용하는 경우가 있는데, 간단한 애니메이션 사용법을 알아 보겠습니다. Animation 사용방법 flutter에서 animation은 다음과 같은 설정을 통하여 사용할 수 있습니다. import 'package:flutter/material.dart'; class AnimatedPositionedExample extends StatefulWidget { @override _AnimatedPositionedExampleState createState() => _AnimatedPositionedExampleState(); } class _AnimatedPositionedExampleState extends State with SingleTic.. 2024. 3. 26.
[Flutter] GestureDetector안에 Button 사용시 Button의 onPress 동작하는 방법 GestureDetector에 Button을 추가 할 경우 발생하는 문제 GestureDetector에 button을 추가할 경우 onPressed가 동작하지 않는 문제가 발생할 수 있습니다. 그 이유는 두 위젯 모두 탭 이벤트를 처리하기 때문입니다. 그래서 일반적으로 Button 내부에 GestureDetector를 사용하거나 반대로 GestureDetector 내부에 FilledButton을 사용하는 것은 권장되지 않습니다. 이는 이벤트 처리에서 충돌이 발생할 수 있기 때문입니다. 하지만 언제나 그렇듯이 원치안도 해야하는 경우가 발생하는데요. 그럴경우 처리방법에 대하여 알아보겠습니다. 방법 1: GestureDetector의 이벤트를 사용하지 않기 GestureDetector에서 onTap 같은 이벤.. 2024. 3. 26.
[Flutter] 버그 & 이슈(The following assertion was thrown building Scaffold(dirty, state: ScaffoldState#5a617(tickers: tracking 2 tickers)):No Directionality widget found.) Flutter 개발을 하다보면 아래와 같은 버그를 확인하는 경우가 발생합니다. ⚠️ The following assertion was thrown building Scaffold(dirty, state: ScaffoldState#5a617(tickers: tracking 2 tickers)): No Directionality widget found. Scaffold widgets require a Directionality widget ancestor. The specific widget that could not find a Directionality ancestor was: Scaffold dirty state: ScaffoldState#5a617(tickers: tracking 2 tickers) .. 2024. 3. 26.
반응형