728x90 flutter9 [Flutter ❌] Null-safety 관련 타입 에러 아래와 같은 에러가 뜬다면, 타입이 맞지 않아 발생하는것이다. 근본적인 해결법은 좌변과 우변의 타입을 일치해주면 되는 그런? 간단한 것..... 하지만, Flutter2.0 null-safety도입 후 빈번하게 발생하는 타입 에러⭐ 자주 사용되는 해결법을 먼저 보겠습니다. 1. 변수 뒤에 as ~~ 붙여주기 ex) enum 타입으로 선언되었을 때 enum Gender { Man, Women } ... Gender _gender = Gender.Man; ... _gender = value as Gender ; 2. 변수 뒤에 ! 추가 -강제로 null이 아님(non-null)을 명시 ex) boolean 타입 var _isChecked = false ; //var은 임시적 타입선언 -변수에 있는 값 판단해.. 2021. 8. 4. [Flutter ❌] RenderFlex overflowed by Infinity pixels on the bottom.에러를 해결해보아요 픽셀 초과 에러가 자꾸 떴다,, 플린이라서 뭐하나만 코드를 치면 에러난다..!😤 요 에러는 Column이나 Row위젯은 (기기)화면 크기를 벗어나는 UI를 작성할 수 없기때문에 발생한다. 그래서 두 가지 방법을 먼저 정의하면, 1. (Scroll이 필요시) Column의 경우 ListView로 변경해 스크롤이 되는 화면으로 변경 2. Expanded로 감싸거나 BoxSized로 크기 설정 이제 잘못된 부분을 하나씩 보며 해결해보겠습니다! 우선 코드를 설명하면, 왼쪽 main.dart의 InputWidgets클래스에서 반환한 Scaffold내에, TextField.dart 파일에서 만든 TextFields()클래스를 불러와 화면에 뜨도록 하였다. 그런데, 아래에서 보면, TextFields()클래스내에서도.. 2021. 8. 1. [Flutter #5] 소셜 로그인을 만들어보아요💛 -Kakao 오늘 준비한 링크는 요 두가지!! 이것만 잘 따라하시면 ㅋㅋㅇ소셜로그인이 짜잔 하고 완성된단 말이죠🤗 https://pub.dev/packages/kakao_flutter_sdk kakao_flutter_sdk | Flutter Package A flutter plugin for Kakao API, which supports Kakao login, KakaoLink, User API, KakaoTalk API, KakaoStory API, and Push API. pub.dev https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. de.. 2021. 7. 29. [광고] Flutter노션을 오픈 했다요💎 제곧내. 블로그 시작했는데 결국 노션을 버리지 못했다는 대충 그런 가슴 절절한 이야기...💔 https://arimmy.notion.site/Flutter-2-0-61c06b5c4ef64e5798f0d89284e26783 Flutter 2.0 정리 📢 ctrl +f 눌러 원하는 내용을 쉽게 찾아보세요! arimmy.notion.site Flutter 프로젝트 생성부터 위젯까지 총정리! 2021. 7. 20. [Flutter #3] Firebase 연동하기(android) 1 드디어 연습용 클론코딩 프로젝트를 완성해따! 아직은 정말 허접한 친구밖에 못만들지만, 나중엔 실력을 쌓아서 저세상 화려함으로 혼내주겠어!!😣 무튼 오늘 주제로, 완성한 Flutter프로젝트 하나를 Firebase와 연동해보겠어요~ 아래 FIrebase 공식문서 순서대로 따라 하시면 되는데요! 공식문서엔 ios만 설명되어있어 전 Android로 진행하도록 하겠습니닷!! (Window는 광광 운다아😭😭) https://firebase.google.com/docs/flutter/setup?hl=ko#add_flutterfire_plugins Flutter 앱에 Firebase 추가 Flutter 앱에 Firebase 추가plat_iosplat_android 이 가이드에 따라 Flutter 앱에 Firebase.. 2021. 7. 16. [Flutter ❌] Null safety관련 error해결! 열심히 클론코딩하는 중에 요롷게 Error가 떴습니다! 평소엔 구글링으로 다른 자료들을 찾아보는데, 플러터는 error가 나면 일단 믿보docs를 바로 이용하고 있습니다! 엄청나다....... 역시 모든 해결법은 Flutter Docs (공식문서)에 다 있답니다 ^^ https://dart.dev/null-safety/migration-guide#step2-migrate Migrating to null safety How to move your existing Dart code to the world of null safety dart.dev 우선 흐름은 아래와 같다. 명령어와 함께 설명하면, 1. dart 버전 확인하기 (dart ver 2.12이상인지 체크!) dart --version 2. migr.. 2021. 7. 8. [Flutter #2] VScode로 프로젝트 만들기 새 플러터 프로젝트 생성 or 명령어 flutter create 프로젝트이름 프로젝트 생성 후 lib >main.dart 에 있는 기존 코드들은 다 지우고 아래의 코드로 붙여넣어줍니다. // Copyright 2018 The Flutter team. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(.. 2021. 7. 1. [Flutter #1] SDK설치 부터 환경설정까지(windows) 윈도우의 경우! 아래 링크에서 바로 최신 Flutter SDK를 설치할 수 있습니다 :) (물론 flutter공식홈에 다른 운영체제에 대한 다운로드도 안내되어있습니다) https://flutter.dev/docs/get-started/install/windows Windows install How to install on Windows. flutter.dev 1. 아래 zip파일을 설치하고 저장하고 싶은 경로에 저장해주세요! ++ Android Studio(필수)와 Vscode(사용시)도 같이 설치해 주세요! 2. 환경변수 설정 (Windows 10 기준) 윈도우 버튼 우클릭 > 시스템(Y) > 고급 시스템 설정 > 환경변수 에서 설정할 수 있습니다. 환경변수 까지 들어오셨다면, [User에 대한 사용자.. 2021. 6. 28. [Flutter #0] Hello Flutter👋 HELLO FLUTTER (제곧내) 그렇다. flutter를 시작하게 되었다.. 플러터의 가장 큰 장점은 아래의 공식docs 정리가 너무 잘되어있고 라이브러리들도 잘 모아놨다는것 https://flutter-ko.dev/docs Flutter 문서 Flutter 문서의 랜딩 페이지 flutter-ko.dev https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter, AngularDart, and general Dart programs. pub.dev 플러터의 특징은 다음과 같다. - dart 언어를 사용.. 2021. 6. 27. 이전 1 다음 728x90 반응형