| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- globalkey
- reference
- datetime
- borderRadius
- Navigator
- snackbar
- swift 문법
- divider
- signout
- Snapshot
- ListView.builder
- enum
- consumer
- platformexception
- Camera
- setstate
- Firebase
- controller
- Swift
- permission
- multiprovider
- user
- Stream
- switch
- changenotifier
- provider
- changenotifierprovider
- transform
- runTransaction
- 문법
- Today
- Total
목록Flutter/Project_InstaClone(완) (85)
코딩하는 제리
[Flutter/Project](Instagram Clone) Scaffold(resizeToAvoidBottomInset: false)
상위 파일인 autn_screen.dart 파일에 Scaffold(resizeToAvoidBottomInset: false) 가 적용되어 있기에 하위 파일인 sign_up_form.dart 파일까지 적용되어 키보드로 인해 작아진 화면에서 스크롤이 불가능하다. 이를 해결하기 위해 하위 파일인 sign_up_form.dart 파일에 Scaffold()를 추가한다. (Scaffold의 기본 값은 resizeToAvoidBottomInset: true) 소스코드 및 pubspec.yaml // sign_up_form.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/common_size.dart'; c..
[Flutter/Project](Instagram Clone) TextFormField 데이터 정확성 확인
소스코드 및 pubspec.yaml // sign_up_form.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/common_size.dart'; class SignUpForm extends StatefulWidget { @override _SignUpFormState createState() => _SignUpFormState(); } class _SignUpFormState extends State { // 해당 Form의 상태를 저장 GlobalKey _formKey = GlobalKey(); // TextFormField의 데이터를 사용하기 위한 Controller TextEditing..
[Flutter/Project](Instagram Clone) TextFormField() 회원가입 레이아웃
소스코드 및 pubspec.yaml // widget/sign_up_form.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/common_size.dart'; class SignUpForm extends StatefulWidget { @override _SignUpFormState createState() => _SignUpFormState(); } class _SignUpFormState extends State { // 해당 Form의 상태를 저장 GlobalKey _formKey = GlobalKey(); // TextFormField의 데이터를 사용하기 위한 Controller Text..
[Flutter/Project](Instagram Clone) Positioned(), RichText(TextSpan()), FlatButton(shape:)
소스코드 및 pubspec.yaml // screens/auth_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/widgets/fade_stack.dart'; class AuthScreen extends StatefulWidget { @override _AuthScreenState createState() => _AuthScreenState(); } class _AuthScreenState extends State { // index int selectedForm = 0; @override Widget build(BuildContext context) { return Scaffold( body: S..
[Flutter/Project](Instagram Clone) FadeTransition() 화면 전환 애니메이션
소스코드 및 pubspec.yaml // auth_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/widgets/fade_stack.dart'; class AuthScreen extends StatefulWidget { @override _AuthScreenState createState() => _AuthScreenState(); } class _AuthScreenState extends State { // index int selectedForm = 0; @override Widget build(BuildContext context) { return Scaffold( body: SafeArea(..
[Flutter/Project](Instagram Clone) AnimatedIcon
소스코드 및 pubspec.yaml // profile_body.dart import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/common_size.dart'; import 'package:flutter_project_IJ/constants/screen_size.dart'; import 'package:flutter_project_IJ/screens/profile_screen.dart'; import 'package:flutter_project_IJ/widgets/rounded_avatar.d..
[Flutter/Project](Instagram Clone) Positioned 위젯
Positioned 위젯에 의한 exception이 발생했다. Positioned 위젯은 무조건 Column 또는 Stack 위젯의 바로 아래에 존재해야한다. profile_screen.dart 파일의 Positioned 위젯을 삭제하여 해결. 소스코드 및 pubspec.yaml // profile_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/screen_size.dart'; import 'package:flutter_project_IJ/widgets/profile_body.dart'; import 'package:flutter_project_IJ/widgets/profile_..
[Flutter/Project](Instagram Clone) ListTile을 이용한 메뉴 만들기
api.flutter.dev/flutter/material/ListTile-class.html ListTile class - material library - Dart API A single fixed-height row that typically contains some text as well as a leading or trailing icon. A list tile contains one to three lines of text optionally flanked by icons or other widgets, such as check boxes. The icons (or other widgets) for the tile api.flutter.dev 각 파일에서 같은 애니메이션 속도를 정하기 위해 d..