Develop/Flutter 25

[Flutter 플러터] FirebaseAuth 로그인 상태 확인해서 StreamBuilder 로 화면 분리하기

메인화면 진입 시 로그인 여부에 따라 화면을 구분해야할 때 간단하게 StreamBuilder 사용하기FirebaseAuth.instance.authStateChanges() 값의 존재 여부에 따라 페이지를 구분하면 됩니다.계속 파이어베이스의 인증여부를 듣고 있는 상태기 때문에 로그아웃을 실행하면 자동으로 화면이 전환 될 겁니다. @override Widget build(BuildContext context) { return Scaffold( body: StreamBuilder( stream: FirebaseAuth.instance.authStateChanges(), builder: (context, snapshot) { // 사용자 로그인 상태 ..

Develop/Flutter 2024.08.15

Flutter 플러터 긴글 내용 접고 펼치기, expandable_text 간단 라이브러리

인스타그램을 보면 긴 게시글 내용을 접고 펼치고 할 수 있는 이벤트를 간단하게 expandable_text 라이브러리를 통해 구현할 수 있습니다. ▶ 설치 flutter pub add expandable_text텍스트를 탭하면 텍스트가 확장되거나 축소됩니다( expandOnTextTap, collapseOnTextTap)축소된 텍스트의 보이는 줄 수를 구성합니다( maxLines)선택적 접두사 텍스트 스타일 및 탭 콜백( prefixText, prefixStyle, onPrefixTap)접힌 텍스트를 확장하기 위한 링크 ( expandText)확장된 텍스트를 축소하기 위한 선택 링크 ( collapseText)링크의 스타일을 구성합니다 ( linkStyle/ linkColor)ExpandableText(..

Develop/Flutter 2024.08.11

Flutter 플러터 TextField 여러줄 입력 가능, border 보이지 않게 하기

maxLines 를 null 옵션으로 여러줄 입력을 가능하게 할 수 있다.TextField 의 border 를 보이지 않게 하려면 borderfocusedBorderenabledBordererrorBorderdisabledBorder옵션을 모두 InputBorder.none 로 설정해 주면 된다.TextField( maxLines: null, decoration: InputDecoration( border: InputBorder.none, focusedBorder: InputBorder.none, enabledBorder: InputBorder.none, errorBorder: InputBorder.none, disabledBorder: InputBorde..

Develop/Flutter 2024.08.11

Flutter 플러터 - CocoaPods not installed. Skipping pod install. CocoaPods not installed or not in valid state.

firebase_storage 를 사용하기 위해 flutter pub add firebase_storage 를 실행 후 다시 빌드를 하니 오류가 발생했습니다.CocoaPods 는 정상적으로 설치되어 있고 flutter doctor 도 모두 정상으로 이슈가 없는 상태 입니다.▣ 빌드오류Launching src/main.dart on iPhone 15 Pro in debug mode...Warning: CocoaPods not installed. Skipping pod install. CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart si..

Develop/Flutter 2024.08.04

flutter 프로필 사진 이미지를 동그랗게 보이고 싶을 때 ClipRRect 사용하기

둥근 사각형을 사용하여 자식 위젯을 클리핑하는 위젯입니다.기본적으로 ClipRRect는 클립의 기본 사각형으로 자체 경계를 사용하지만 사용자 정의 클리퍼를 사용하여 클립의 크기와 위치를 사용자 정의할 수 있습니다. ● 예제소스Widget _avatar() { return Column( children: [ ClipRRect( borderRadius: BorderRadius.circular(100), child: SizedBox( width: 100, height: 100, child: Image.asset( 'assets/images/default_image.png..

Develop/Flutter 2024.07.07

flutter firebase google 간편로그인 (google_sign_in) 사용 시 ios 시뮬레이터 강제종료 현상 간단 해결

firebase 를 통해 google 간편 로그인을 사용할려고 세팅 후 로그인 버튼을 누르니 계속 ios 시뮬레이터가 강제종료 되었습니다.ios info.plist 파일에 CFBundleURLSchemes 를 추가해주어 문제가 해결 되었습니다.  ● info.plist 파일 수정flutter 프로젝트내에 [./ios/Runner/info.plist] 파일을 열어 CFBundleURLTypes 를 찾아 줍니다. CFBundleURLSchemes 내용을 추가해줘야 합니다. [com.googleusercontent.app.클라이언트ID]  ● 클라이언트ID 확인 방법firebase 사이트에서 자신의 연결된 앱의 GoogleService-Info.plist 파일을 다운 받아 [./ios/Runner/] 폴더에 ..

Develop/Flutter 2024.07.07

vscode 에서 flutter 프로젝트 android 시뮬레이터 실행 시 minSdkVersion 버전으로 인한 오류 발생 시 해결방법

● 오류 내용 error logLaunching lib/main.dart on sdk gphone64 arm64 in debug mode.../Users/taeki/Develop/vsc_workspace/flutter_clone_instagram/android/app/src/debug/AndroidManifest.xml Error: uses-sdk:minSdkVersion 21 cannot be smaller than version 23 declared in library [:firebase_auth] /Users/taeki/Develop/vsc_workspace/flutter_clone_instagram/build/firebase_auth/intermediates/merged_manifest/debug..

Develop/Flutter 2024.07.05