개발(합니다)/Flutter&android&ios (27) 썸네일형 리스트형 [Flutter] Kakao sdk 사용 방법(+Android) 카카오 로그인을 연동하는 과정에서 시행착오를 많이 겪어서 포스팅합니다. 화면은 존재한다는 전제로 작성했습니다. 1. pubspec.yaml 등록 아래 버전을 사용했습니다. kakao_flutter_sdk: ^0.9.0 2. 플랫폼 생성 및 키 발급 카카오 개발자센터에서 키를 발급합니다. https://developers.kakao.com/console/app 3. 네이티브 앱 Key 등록 main.dart에 키를 주입합니다. 4. Android Hash 키 발급 hash 키가 인식이 되지 않아서 토큰이 발행되지 않아 애를 먹었습니다. 아래 명령어 실행을 \android\app 에서 실행 시켜주고 android build를 합니다. android build는 안드로이드 스튜디오에서 android 폴더를 열.. [Flutter] Keyboard 밖에 누르면 TextField 없애는 방법 TextField를 사용하다보면 Keyboard 밖에를 누르면 Keyboard가 내려가야 하는데 유지되는 경우가 있습니다. 닫아주는걸 명시해주어야 하는데 아래 사이트에서 관련 정보를 확인할 수 있습니다. https://www.woolha.com/tutorials/flutter-hide-keyboard-on-tap-outside-text-field Flutter - Hide Keyboard on Tap Outside Text Field Examples of how to dismiss keyboard when the user taps outside a text field in Flutter, using GestureDetector and Listener. www.woolha.com 방법은 최상단 위젯에 Ge.. [Flutter] 앱 종료 하는 방법 강제 업데이트나 앱에 오류가 발생하거나 앱이 먹통일때 여러 상황에서 앱을 종료하는 방법입니다. 1. Navigator.of(context).pop(true) 2. SystemNavigator.pop() // 앱 종료 3. exit(0) //강제종료 [Flutter-mac] Could not build the application for the simulator.Error launching application on iPhone 12 Pro Max. 상황 mac os를 monterey로 업데이트 하고 xcode를 최신버전으로 업데이트 했는데 빌드에서 실패를 합니다. 문제 파악 os와 Xcode에 문제가 생긴걸로 파악했고 Xcode를 완전 삭제해도 동작하지 않았습니다. flutter도 완전 삭제 후 진행해도 동일했습니다. 해결 방법 방법을 찾다 찾지 못해서 mac os를 재설치했습니다. 최신 버전은 나중에 설치하거나 다 깔릴 때까지 기다리지 않아서 생긴 문제이지 않을까 합니다. 혹여 다른 방법이 있는지는 아직 찾지 못했습니다. [mac-Xcode] Xcode 완전 삭제하는 방법 Xcode 버전이 꼬여서 Flutter가 빌드되지 않는 문제가 생겨서 완전 삭제하는 방법입니다. 명령어 아래 명령어를 입력하면 완전 삭제를 합니다. sudo rm -rf /Applications/Xcode.app /Library/Preferences/com.apple.dt.Xcode.plist ~/Library/Preferences/com.apple.dt.Xcode.plist ~/Library/Caches/com.apple.dt.Xcode ~/Library/Application Support/Xcode ~/Library/Developer ~/Library/Developer/Xcode ~/Library/Developer/CoreSimulator 목록 /Applications/Xcode.app /Librar.. [Flutter] TextField의 Underline 제거하는 방법 TextField를 사용하다보면 밑줄이 기본적으로 지정이 됩니다. 언더라인을 지우는 방법입니다. : border: InputBorder.none 를 주면 언더라인이 제거됩니다. Container( width: 280, padding: EdgeInsets.all(8.0), child : TextField( autocorrect: true, decoration: InputDecoration( border: InputBorder.none, hintText: 'Enter Some Text Here') ) ) [Flutter] Image.network에 BorderRadius 주는 방법 이미지에 BorderRadius를 주어야 하는 경우가 있습니다. Container를 사용하면 따로 노는 느낌이 있어서 이질감을 없애기 위한 위젯으로 "ClipRRect"를 사용합니다. ClipRRect( borderRadius: BorderRadius.circular(15.0), child: Image.network( subject['images']['large'], ), ) [Flutter] 로컬 서버와 flutter 앱 접속 하는 방법 개요 웹 개발처럼 하나의 PC에서 server와 flutter를 구동하면서 테스트를 진행하는 경우가 있습니다. 웹에서는 localhost를 이용하면 되지만 시뮬레이터(IOS), 에뮬레이터(android)는 하나의 OS라서 localhost를 이용하면 구동되는 디바이스의 OS인 자기 자신을 호출합니다. 접속 방법 https://developer.android.com/studio/run/emulator-networking.html 위 사이트를 가면 안드로이드 에뮬레이터 네트워킹 설정 방법에 대한 내용이 있습니다. 디바이스 : 127.0.0.1 => 내부 아이피 예뮬레이터 : 127.0.0.1 => 10.0.2.2 이전 1 2 3 4 다음
