민스씨의 일취일장

onPressed에 지정된 메서드가 무한 호출되는 이슈에 대한 원인 분석과 해결책에 대한 글이다.Flutter - onPressed 메서드 무한 호출 이슈현상TextButton의 onPressed 속성에 상태값에 따라 호출되는 메서드를 다르게 구성해 놓았는데, 실행시 해당 메서드가 무한으로 호출되는 이슈가 발생하였다.원인 1 - 빌드 과정에서 실행됨TextButton( onPressed: widget.isDetailOn ? widget.onTapDeatilShow() : widget.onTapSummaryShow(), ...)TextButton이 빌드 되는 과정에서 위의 삼항연산자를 평가하기 위해 코드를 실행하게 된다. 따라서 빌드 과정에서 widget.onTapDetailShow(..

shared_preference 사용방법에 대한 글이다.Flutter - shared_preference 사용 방법shared_preferences란?shared_preferences는 Android와 iOS의 네이티브 저장소를 사용하기 위해 사용하는 플러그인이다. 네이티브 저장소를 사용할 때, Android는 SharedPreferences API를, iOS는 NSUserDefaults를 사용한다. Flutter에서 shared_preferences는 이 둘을 감싸고 있어 하나의 코드로 함께 다룰 수 있도록 도와준다.사용방법1️⃣ 패키지 설치하기pubspec.yaml에 패키지를 추가해준다.dependencies: shared_preferences: latest_version추가(설치) 후 flutte..

MateiralApp과 AppBar 각각 title을 갖고 있는 이유에 대한 글입니다.MaterialApp title vs. AppBar title상황MaterialApp에서 title을 설정한 뒤, 색상을 여러 가지 설정해 보아도 설정이 되지 않아 이것저것 살펴보다 Flutter로 앱을 만들 때 title이 두 번 작성된다는 것을 인식하게 되었다.MaterialApp & AppBartitle이 작성되는 곳은 최상단 위젯에서 작성되는 MaterialApp 내에서와 MaterialApp 내 home에 위치하는 Page 위젯의 AppBar 내이다.둘의 차이점공식 문서를 살펴보면 차이가 명확하다.MaterialAppMaterialApp에서의 title은 사용자(device)가 애플리케이션(앱)을 식별하기 위해..

FlatButton이 없어진뒤(deprecated and removed) 새로운 button을 적용해야 한다.FlatButton 없어짐FlatButton이 없어진지 오래되었다. 하지만 여전히 여러 강의자료 등에서 FlatButton을 사용하고 있다. 이렇게 현재 없어진 버튼들을 적용해 실습을 적용해야 할 때 사용할 수 있는 버튼들에 대해서 알아보자.공식문서일단 모든 정보는 공식문서에 잘 설명돼 있다. 공식 문서로 확인하고 싶다면, 아래 링크에서 확인 가능하다. New Buttons and Button ThemesThe basic material button classes have been replaced.docs.flutter.dev새로운 버튼공식문서까지 안가고 현재 글에서 원하는 답을 찾을 수 있게 간..

Text 위젯에서 textAlign을 center 속성으로 지정해도 가운데 정렬이 되지 않는 이유와 해결책에 대한 글이다.Flutter - Text 위젯에서 textAlign 속성 지정으로 가운데 정렬이 되지 않는 이슈현상Text 위젯 사용법을 다양하게 익혀보던 중, textAlign 속성으로 지정할 때 가운데 정렬이 되지 않는 이슈가 있었다.body: Column( children: [ Text( 'center aligned text', textAlign: TextAlign.center, ) ],),원인Text가 html의 span과 같이 문자열이 차지하는 너비 영역만을 차지하기 때문이다. 만약 작성한 텍스트가 길어서 화면 가로 너비를 모두 차지했다면 문제없이 가운데..

안드로이드 스튜디오에서 시뮬레이터 실행시 보이는 DEBUG 빨간 리본을 제거하는 방법에 대한 글이다.시뮬레이터 DEBUG 빨강 리본 제거하기상황안드로이드 스튜디오로 모바일 애플리케이션을 개발할 때 시뮬레이터를 이용해 실제 모바일 환경에서의 구현 상황을 확인할 수 있다. 이 때, 가상 화면 오른쪽 위에 DEBUG라고 쓰인 빨간 리본이 항상 달려 있어 미관상 신경이 쓰여 없앨수는 없을까 하는 생각이 들었다.해결책runApp()으로 실행하는 최상단 위젯인 MaterialApp에 debugShowCheckedModeBannder 설정을 false 지정해주면 된다.debugShowCheckedModeBanner: false,