flutter
-
[flutter] textfield 선택해서 키보드 올라온 후 다른곳 누르면 키보드 사라지게 하기flutter/flutter 공부 2021. 1. 29. 09:35
flutter textfield 를 사용해서 입력받는곳을 만들긴 했는데 화면의 다른곳을 누르면 올라온 키보드가 사라지게 만들고 싶었습니다. 그래서 내용을 찾아보니 생각보다 간단하게 적용할 수 있었습니다. 제가 적용한 내용 일부입니다. 기존에 Container() 를 바로 썼는데 그 위에 GestureDetector() 를 적용한 뒤에 onTap 안에 FocusScope.of(context).unfocus(); 를 입력해주면 키보드가 화면에 올라왔을 때 다른곳을 누르면 다시 내려가게 됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 @override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBo..
-
[flutter] mac 에서 flutter 명령어 실행되도록 환경 변수 설정하기flutter/flutter 기타 등등 2021. 1. 27. 20:17
flutter 처음 공부할 때 찾아보고 나중에 정리 해야지 하다가 그동안 까먹고 이제서야 기억나 기록으로 남겨봅니다. 일반적으로는 맥에서 flutter sdk 를 설치해도 커맨드로 flutter 명령어가 실행되지 않습니다. 아무곳에서나 flutter 명령어로 실행하고 싶다면 환경변수에 추가해주야 하는데요. 여러 자료들을 살펴봤는데 맥 OS 버전에 따라 실행 안되는 경우도 있기 때문에 플러터에서 제공하는 공식 홈을 따라하는것이 제일 정확합니다. flutter-ko.dev/docs/get-started/install/macos#update-your-path 맥OS에서 설치 flutter-ko.dev 경로는 위에 기입하였으며 해당 사이트로 접속해서 자신이 사용하는 macOS 버전에 맞춰서 따라하는것이 좋을것 ..
-
[flutter] could not connect to lockdownd error code -17flutter/flutter 에러 2020. 5. 22. 17:55
could not connect to lockdownd error code -17 exception: ideviceinfo returned an error: error: could not connect to lockdownd, error code -17 flutter에서 잘 사용하던 에뮬레이터가 갑자기 위와같은 에러를 출력했습니다. 구글에서 찾아봤으나 금방 찾아지진 않았네요. 안드로이드 캐시도 지우고 다시 실행해봐도 에뮬레이터를 실행하려고 하면 no connected devices found 가 나타납니다. 그래서 flutter doctor를 실행해봤습니다. 그랬더니 아래처럼 나오네요 ㅜ 뭔가 문제가 있긴 있는거 같아서 좀 관련된 내용들을 좀 더 찾아봤습니다. 여기저기 헤매면서 이거다 싶은걸 하나 찾아서..
-
[flutter] The current Flutter SDK version is ~~~~flutter/flutter 에러 2020. 5. 3. 01:14
The current Flutter SDK version is 1.7.8+hotfix.4. provider를 사용하기 위해 pubspec.yaml에 넣고 packages get을 누르니 아래와같은 에러가 나타났네요. SDK 버전이 호환되지 않는것 같습니다. 문제 해결을 위해 열심히 찾아봅니다. 플러터 업그레이드를 해주면 해결 되는것 같습니다. 하단 탭에서 terminal 을 실행해줍니다. 그리고 flutter sdk 가 설치된 폴더의 bin 폴더로 이동해줍니다. 해당 위치에서 flutter upgrade --force 를 입력해주면 업그레이드 작업이 진행되며 아래와 같이 진행됩니다. 업그레이드가 완료된 이후에 다시 packages get 을 실행해보시면 잘 되실 겁니다.
-
[flutter] toast 메세지 보이기flutter/flutter 공부 2020. 4. 19. 14:22
안드로이드에서 사용자에게 정보를 보여주기 위해 잠깐 띄우는 토스트 메세지를 플러터에서도 구현해보도록 하겠습니다. 우선은 https://pub.dev/로 가서 fluttertoast로 검색을 합니다. 그럼 검색 결과로 fluttertoast가 나타나게 됩니다. 선택을 해주시고 installing 을 누릅니다. 그럼 사용방법에 대한 예시가 나타나게됩니다. 설명에 나온대로 따라하면 됩니다. pubspec.yaml 에 dependencies 안에 fluttertoast: ^4.0.1 를 추가해줍니다. 그리고 안드로이드 스튜디오에서 packages get 을 선택해줍니다. 그럼 아래와같이 패키지를 다운받게 됩니다. 다운이 완료되면 이제 사용할 수 있습니다. 이제 사용하는 방법을 알아보겠습니다. 1. 사용하고싶은 ..
-
[flutter] 화면 방향 고정시키기flutter/flutter 공부 2020. 4. 17. 11:44
화면을 세로 또는 가로로 고정시키는 방법을 알아봅니다. 1. import 'package:flutter/services.dart'; 를 입력해줍니다. 2. StatelessWidget class build() 메서드 안에다가 SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft]); 이런식으로 넣어줍니다. 3. 실행합니다. 끝! setPreferredOrientations 는 배열 형태로 파라미터 입력을 받습니다. 가로모드만 넣으면 가로방향만 보이게 되고 세로 방향까지 넣으면 세로 방향으로도 전환되게 할 수 있습니다. 그럼 실제 사용 코드를 확인해보겠습니다. 1. 한쪽으로만 고정시킬 경우 1 2 3 4 5 6 7 8..
-
[flutter] Vertical viewport was given unbounded heightflutter/flutter 에러 2020. 4. 12. 17:30
Vertical viewport was given unbounded height 플러터로 ListView 연습을 하는중에 위와같은 에러가 생겼습니다. 높이에 뭔가 문제가 있다는거같은데 뭘 넣어야 높이값이 지정되는지 잘 모르겠습니다. 검색해보니 ListView 속성 중에서 scrollDirection 과 shrinkWrap 가 빠진것을 발견하였습니다. ListView를 입력한 코드는 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Widget playerList() { return ListView.separated( scrollDirection: Axis.ver..
-
[flutter] java.lang.IllegalStateException: A required meta-data tag in your app's AndroidManifest.xml does not exist.flutter/flutter 에러 2020. 4. 8. 18:46
java.lang.IllegalStateException: A required meta-data tag in your app's AndroidManifest.xml does not exist. You must have the following declaration within the element: com.google.android.gms.version" android:value="@integer/google_play_services_version" /> 플러터로 연습하는중에 위와같은 에러가 나타났습니다. 이상없이 다 잘 작성되어있는거 같은데 자꾸만 에러가 나타나더라구요. 그래서 정보를 찾아보니 flutter clean 을 하면 된다고 하네요. flutter clean 을 할 수 있는 위치는 Tools ..