Flutter

[Flutter] SVG 파일 사용하기

기본 이미지와 다르게 svg 파일은 따로 패키지를 깔아줘야한다. 🚀 패키지 설치 아래 명령어를 입력해준다. $flutter pub add flutter_svg $flutter pub get pubspec.yaml에서 잘 설치됐는지 확인가능! 🚀 이미지 사용하기 1. 사용할 이미지를 프로젝트 내 저장한다. 내 경우 프로젝트 최상위치에 assets폴더를 만들고 그 안에 images라는 폴더를 만들어 사용하고 싶은 svg파일을 넣어주었다. 2. pubspec.yaml 파일에서 assets을 추가한다. 이미지가 저장된 위치를 assets에 아래와 같이 추가한다. 3. 이미지를 사용할 페이지에서 아래와 같이 선언해준다. import 'package:flutter_svg/svg.dart'; Center( child..

[Flutter] Firebase 프로젝트 생성 및 연결

이메일 로그인 기능을 구현하는 과정이다. 실제 플러터 코드랩을 따라해보면 쉽게 구현할 수 있다. https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps#1 FirebaseUI를 사용하여 Flutter 앱에 사용자 인증 흐름 추가 이 코드랩에서는 몇 줄의 코드만으로 Firebase 인증을 Flutter 앱에 추가하는 방법을 배웁니다. firebase.google.com 1. firebase 계정을 만들고 firebase 프로젝트를 생성해준다. 2. Google Analytics은 스킵한다. 3. 프로젝트 내 Authentication로 들어가서 설정을 변경해준다. 4. firebase를 flutter와 연동 시킨다. 아래 명령어를 프로젝트 내..

[Flutter] 프로젝트 생성

터미널에서 쉽게 flutter 프로젝트를 생성할 수 있다. $flutter create 프로젝트명 Xcode simulator 이용해서 프로젝트 열기 vscode에서 해당 프로젝트로 들어가면 아래와 같은 화면이 보일 것이다. 해당 화면 우측하단에 macOS(darwin)을 클릭하면 디바이스를 선택할 수 있는 창이 생긴다. 거기서 'Start IOS Simulator'를 눌러주면 Simulator가 실행될 것이다. 오른쪽 사진과 같이 시뮬레이터가 켜졌다면, 잘 실행된 것이다. 이후 Run -> Start Debugging 을 클릭하면 프로젝트가 실행된다. 아래 오른쪽 화면이 처음 플러터 프로젝트를 생성했을 때 나오는 처음 화면이다! 끝!