본문 바로가기

전체 글

(47)
[Flutter] The current Dart SDK version is 2.15.1. - SDK 업데이트 하기 최신 업데이트 된 패키지를 사용하려고 pubspec.yaml에 추가하였는데 다음과 같은 에러가 발생했다. The current Dart SDK version is 2.15.1. 패키지에 필요한 sdk 버전은 2.16.0이상인데 현재 내가 사용하고 있는 sdk의 버전은 2.15.1이라 패키지를 다운받을 수 없다는것. 구글링을 해보니 Pub upgrade로 sdk를 업데이트 해주면 된다고 하는데.. 2.16.2로 업데이트가 완료되었다고 나와도 내 sdk 버전은 2.15.1에 머물러 있었다. sdk 저장된 주소가 잘못되었을까 싶어 위치를 변경하고 해도 똑같았다. 결국 sdk를 최신버전으로 인터넷으로 다운받아 기존 경로에 추가해주었다. 최신 업데이트된 sdk를 받으려면 아래의 링크로 들어가 받을 수 있다. Fl..
[Flutter]Target Integrity (Xcode): The linked framework 'Pods_Runner.framework' is missing one or more architectures required by this target: armv7. 앱 테스트를 잘 하다가 앱 실행 시 속도가 느리고 애니메이션이 버벅이는 현상을 고치고자 아래와 같은 방법을 사용해보았다. [Flutter] 앱 실행 시 애니메이션이 버벅일 때 : Shader Compilation Jank 사용하기 앱을 하나 만들었는데 앱 처음 실행 시 화면 이동 할 때나 어떤 애니메이션을 주었을 때 화면이 버벅인 적이 자주 있다. 한두번 클릭 하다보면 제법 정상적인 애니메이션이 뜨는데 왜 처음에만 gloria94.tistory.com * sksl.json파일 만들기는 위 글을 참고 Reduce shader compilation jank on mobile What is shader jank and how to minimize it. docs.flutter.dev flutter_01.sks..
[Flutter] 앱 실행 시 애니메이션이 버벅일 때 : Shader Compilation Jank 사용하기 앱을 하나 만들었는데 앱 처음 실행 시 화면 이동 할 때나 어떤 애니메이션을 주었을 때 화면이 버벅인 적이 자주 있다. 한두번 클릭 하다보면 제법 정상적인 애니메이션이 뜨는데 왜 처음에만 그럴까 앱을 잘 못 만들었나 처음엔 그렇게 생각했다. 그렇게 찾은게 셰이더 컴파일이다. https://docs.flutter.dev/perf/rendering/shader Reduce shader compilation jank on mobile What is shader jank and how to minimize it. docs.flutter.dev 위 사이트를 들어가보면 위와 같이 애니메이션이 실행 시 버벅이는 것을 셰이더 컴파일이 보완해준다고 한다. 앱이 처음 실행 할 때만 버벅거림이 있고 그 후에는 괜찮다면 Sh..
[Flutter] Permission_handler ios 15 버전에서 location 권한 요청하기 기존 앱 테스트 시 ios 14.2 버전인 기기를 사용하고 있었는데 permisson_handler 라는 패키지를 사용하여 위치 권한을 가져올 수 있었다. 그런데 ios 15.2 기기를 사용 시 위처럼 위치 권한을 요청하는 코드를 구성해도 기기에서 권한 요청 창이 뜨지 않는 것이다....... 리얼 ios 너무 싫다.. 그래서 패키지 사이트를 찾아보니 PodFile에 다음을 추가해야 한다고 한다. post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |config| ... # Here are some configurations automatically gene..
[Flutter] Your project requires a newer version of the Kotlin Gradle plugin. : Android 12 업데이트 에러 Flutter를 이용해 health packge를 연동해 개발하는 중, 내 휴대폰을 안드로이드 12버전으로 업데이트를 했다. 업데이트를 한 후 다음과 같은 에러를 마주치게 되었다. * What went wrong: Execution failed for task ':health:compileDebugKotlin'. > Compilation error. See log for more details buildscript { ext.kotlin_version = '1.3.50' repositories { google() mavenCentral() } dependencies { classpath 'com.android.tools.build:gradle:4.1.0' classpath "org.jetbrains.ko..
[Flutter] BoxDecoration 그림자 효과 주기 새로 시작한 프로젝트가 있는데 디자인에 그림자 효과가 들어간 위젯이 있다. 그림자 효과를 주기 위해선 어떻게 해야 할까? 위와 같은 원에 아래쪽에 그림자 효과를 넣어보자. Container( width: 160, height: 160, decoration: BoxDecoration( color: cof2f2f2, shape: BoxShape.circle, boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.7), blurRadius: 5.0, spreadRadius: 0.0, offset: const Offset(0,7), ) ] ), ) 먼저 Container안에 BoxDecoration을 이용하여 shape 를 동그란 모양으로 만들어 준다. 그럼 아래..
[Flutter] Dialog Navigator.pop()이 적용되지 않을 때 flutter에서 showDialog로 다이얼로그를 만들었다. 다이얼로그에서 확인 버튼을 누르고 다이얼로그 창을 빠져 나와야 하는데 그때 보통 Navigator.of(context).pop(); 이걸 사용한다. 근데 다이얼로그가 종료되는 것이 아니라 다이얼로그 아래 깔린 화면이 종료되는 현상이 발생했다. 그럴 땐 아래와 같은 방식으로 종료해주면 된다. Navigator.of(context, rootNavigator: true).pop(); Dialog를 사용할 때 여러 navigator가 있는 경우 다이얼로그가 rootNavigator의 child이지 않아 발생한 오류같다. rootNavigator = true를 이용하여 바꿔주면 된다.
[Flutter] Ink, InkWell을 사용한 리플 효과 만들기 Inkwell과 Container로 round값을 준 버튼에 버튼 색상과 다른 리플효과를 주려고 했는데 리플효과에는 라운드 처리가 안되는 것.......... 이것저것 삽질 좀 잠시 하다가 찾은 방법 먼저 기존의 코드부터 보면.. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( p..

반응형