목록Flutter/Project_InstaClone(완) (85)

코딩하는 제리

[Flutter/Project](Instagram Clone) Firebase 로그아웃 구현

소스코드 및 pubspec.yaml // models/firebase_auth_state.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/foundation.dart'; class FirebaseAuthState extends ChangeNotifier { // 기본값은 로그아웃 상태 FirebaseAuthStatus _firebaseAuthStatus = FirebaseAuthStatus.signout; FirebaseAuth _firebaseAuth = FirebaseAuth.instance; FirebaseUser _firebaseUser; void watchAuthChange() { // onAuthSt..
Flutter/Project_InstaClone(완) 2021. 2. 3. 15:23
[Flutter/Project](Instagram Clone) signin/signout 애니메이션 추가

소스코드 및 pubspec.yaml // main.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/models/firebase_auth_state.dart'; import 'package:flutter_project_IJ/screens/auth_screen.dart'; import 'package:flutter_project_IJ/widgets/my_gallery.dart'; import 'package:flutter_project_IJ/widgets/my_progress_indicator.dart'; import 'package:provider/provider.dart'; import 'home_page.da..
Flutter/Project_InstaClone(완) 2021. 2. 3. 15:12
[Flutter/Project](Instagram Clone) Firebase 상태 파일 변경 및 provider 적용

listen: false -> 해당 위젯에 변화를 줄 필요가 없을 때 사용. 소스코드 및 pubspec.yaml // models/firebase_auth_state.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/foundation.dart'; class FirebaseAuthState extends ChangeNotifier { // 기본값은 로그아웃 상태 FirebaseAuthStatus _firebaseAuthStatus = FirebaseAuthStatus.signout; FirebaseAuth _firebaseAuth = FirebaseAuth.instance; FirebaseUser _firebas..
Flutter/Project_InstaClone(완) 2021. 2. 3. 12:44
[Flutter/Project](Instagram Clone) Firebase auth 상태 파일

소스코드 및 pubspec.yaml // models/firebase_auth_state.dart import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/foundation.dart'; class FirebaseAuthState extends ChangeNotifier { // 기본값은 로딩으로 함. FirebaseAuthStatus _firebaseAuthStatus = FirebaseAuthStatus.progress; User _firebaseUser; // [] -> 옵션 void changeFirebaseAuthStatus([FirebaseAuthStatus firebaseAuthStatus]) { if (fireba..
Flutter/Project_InstaClone(완) 2021. 2. 2. 18:18
[Flutter/Project](Instagram Clone) Firebase 프로젝트 생성

안드로이드 1. 프로젝트 이름 2. 애널리틱스 생성 3. Authentication의 이메일/비밀번호 사용 설정 4. 프로젝트에 안드로이드 앱 추가 아이폰 소스코드 및 pubspec.yaml
Flutter/Project_InstaClone(완) 2021. 2. 2. 10:54
[Flutter/Project](Instagram Clone) follow 화면 레이아웃

아이폰 시뮬레이터의 속도가 느려서 안드로이드 에뮬레이터로 대체. 소스코드 및 pubspec.yaml // screens/search_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/widgets/rounded_avatar.dart'; class SearchScreen extends StatefulWidget { @override _SearchScreenState createState() => _SearchScreenState(); } class _SearchScreenState extends State { // 30개의 아이템마다 false를 리턴 List followings = List.gener..
Flutter/Project_InstaClone(완) 2021. 2. 2. 09:45
[Flutter/Project](Instagram Clone) 갤러리 이미지 BoxFit 및 scale 축소 추가

BoxFit 추가 설명 coding-jerry.tistory.com/14 [Flutter/Project](Instagram Clone) 온라인 이미지 불러오기 fit: BoxFit.??? fill : 가로, 세로 비율 상관 없이 이미지를 늘려서(줄여서)박스를 꽉 채움 contain : 가로, 세로 비율을 유지하면서 박스 사이즈에 맞게 가능한 크게 cover : 박스 사이즈에 맞게 이미지를 coding-jerry.tistory.com 소스코드 및 pubspec.yaml // widgets/my_gallery.dart import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:flutter..
Flutter/Project_InstaClone(완) 2021. 2. 1. 20:37
[Flutter/Project](Instagram Clone) 갤러리 사진 선택 미리보기

SharePostScreen으로 새 화면을 띄워 이미지를 보여주기 위해서는 local_image_provider를 통해 만들어진 갤러리 이미지를 File로 변경해야한다. 하지만 다이렉트로 localImage -> File로 변경이 불가능하기에 localImage -> bytes -> File 형식으로 변경한다. 소스코드 및 pubspec.yaml // widgets/my_gallery.dart import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/models/gallery_state.dart'; import 'package:flutter_proje..
Flutter/Project_InstaClone(완) 2021. 2. 1. 17:57
Prev 1 2 3 4 5 6 7 8 ··· 11 Next