꾸밈없는 꾸밈없는

앱 개발

• [Flutter] 플러터 2.0 버튼 hover, pressed, focused, disable, overlay 상태(state) 변화 개발

  앱 개발/Flutter 2021. 7. 30. 21:17

  기존에는 state 별 버튼의 컬러를 parameter로 지정하고 state를 조건문으로 지정해줘야했다. 하지만 flutter 2.0에서는 style 요소 내에서 버튼의 상태(state)에 맞는 시각적 요소를 지정할 수 있게 되었다. material design이 정의한 버튼의 상태(state)와 state별로 버튼 시각적 요소 지정, overlay 색상을 수정하는 방법을 정리해보려고 한다. 1. material design에서 지정하고 있는 버튼의 상태 - enabled : 상호작용 가능한 버튼 상태 - pressed : 사용자가 탭 했을 때 - hover : 사용자가 마우스 커서를 상호작용 가능한 버튼 위에 올려두었을 때 - focus : 사용자가 키보드나 음성과 같은 입력 방법을 사용하여 강조표시한..

  Read More
• [Flutter] RangeError (index): Index out of range: no indices are valid: 0

  앱 개발/에러 2021. 5. 30. 00:29

  database로 부터 받아온 데이터 배열이 비어 있을 때 나는 에러이다. 나같은 경우 데이터베이스로부터 받아온 snapshot.data.docs[0]의 값이 비어있는 상태라 다음과 같은 에러가 생겼다. Map data = snapshot.data.docs[0].data();

  Read More
• [Flutter] setState() or markNeedsBuild called during build

  앱 개발/에러 2021. 4. 8. 04:12

  build가 끝나지 않았는데 setState나 provider로 값을 변경하면 setState() or markNeedsBuild called during build 에러가 뜬다. 나의 경우는 상위 위젯의 빌드가 완료될 때 하위 위젯에서 initState listener로 값을 변화시켰다. 이러한 이유로 레드 스크린이 뜨지는 않았지만, 상위 위젯의 데이터가 변하지 않았다.

  Read More
• [ERROR] Could not initialize classorg.codehaus.groovy.runtime.InvokerHelper

  앱 개발/에러 2021. 2. 5. 20:19

  keytool을 얻기 위해 ./gradlew signingReport 를 실행했더니 Could not initialize class org.codehaus.groovy.runtime.InvokerHelper 라는 에러가 떴다. 먼저 Gradle이란? Gradle은 그루비를 이용한 빌드 자동화 시스템이며 현재 안드로이드 앱을 만드는데 필요한 안드로이드 스튜디오의 공식 빌드 시스템이기도 하다. Java, C/C++, 파이썬 등과 같은 여러 가지 언어를 지원한다고 한다! (위키백과) 그래들 버전이 자바버전을 지원하지 않아서 생기는 오류라고 한다. 1) 터미널에서 java version을 확인한다.java -version 2) android / gradle / wrapper / gradle-wrapper.pro..

  Read More
• [Flutter] 플러터 버튼 종류 (TextButton / OutlinedButton / ElevatedButton / Icon button)

  앱 개발/Flutter 2021. 1. 18. 19:49

  flutter에서 주로 쓰이는 버튼은 FlatButton, RaisedButton, OutlineButton인데 TextButton, ElevatedButton, OutlinedButton으로 각각 변화되었다. theme 또한 TextButtonTheme, ElevatedButtonTheme, OutlinedButtonTheme으로 바뀌었다. style은 textcolor property 요소를 이용해 글꼴 색상을 지정했던 것과 달리 stylefrom property 내에서 color들을 지정한다. primary , onsurface color가 parameter인 것을 보니 material design적인 요소가 많이 반영되었다는 생각이 들었다. * 버튼 상태별로 버튼 스타일을 지정하고 싶다면? htt..

  Read More
• [Flutter] Material Design Components - layout (app bar / navigation)

  앱 개발/Flutter 2021. 1. 11. 15:38

  최근 좀 더 컨텐츠에 집중할 수 있는 디자인이 트렌드이기 때문에 창의적인 디자인과 개발가능한 디자인 사이를 고민해야한다. 그 중 개발 친화적인 디자인의 표본이라고 생각하는 design system인 material design 요소들과 flutter 코드를 정리해보려 한다. 더 자세하고 다양한 design 적인 요소들을 보기 위해서는 아래의 링크에 들어가서 항목을 찾으면 된다. material.io/components/app-bars-bottom Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build ..

  Read More
• flutter 차트 패키지 (syncfusion_flutter_charts)

  앱 개발/Flutter 2021. 1. 4. 11:03

  flutter 에서 활용할 수 있는 차트 패키지(chart package) pub.dev/packages/syncfusion_flutter_charts syncfusion_flutter_charts | Flutter Package Syncfusion Flutter Charts is a data visualization library written natively in Dart for creating beautiful and high-performance cartesian and circular charts. pub.dev document help.syncfusion.com/flutter/cartesian-charts/chart-types Syncfusion Cartesian Chart types Char..

  Read More
• [Mac] Error installing cocoapods: ERROR: Failed to build gem native extension.

  앱 개발/에러 2020. 10. 29. 20:32

  코코아팟을 설치하기 위해 sudo gem install cocoapods 명령어를 실행 Error installing cocoapods: ERROR: Failed to build gem native extension. 에러가 뜨면서 설치가 되지 않았다. 1) 많은 사람들이 제안한 솔루션 xcode-select --install 한 후에 sudo gem install cocoapods 실행 xcode-select --install 를 실행했을 때 자동으로 설치가 되어야하는데 현재 소프트웨어 업데이트 서버에서 사용할 수 없기 때문에 해당 소프트웨어를 설치할 수 없습니다 라는 알림창과 함께다운로드가 되지 않음. 2) 이에 대한 해결방법으로 수동으로 command line tools를 다운로드 받음 develo..

  Read More