반응형

Flutter 8

Flutter - Firebase 설정

1. firebase.google.com/ 구글계정으로 로그인 -> 시작하기 2. 프로젝트 만들기 -> 약관 동의 -> 계속 3. Google 애널리틱스사용설정 체크 -> 프로젝트 만들기 -> 계속 4. 앱에 Firebase를 추가하여 시작하기 화면에서 안드로이드 아이콘 선택 5. 소스폴더 / android/app/build.gradle 에서 applicationId 으로 검색해서 패키지명 복사 5.1 패키지 이름 넣고 앱등록 6. google-services.json 다운로드 6.1 android/app 아래에 붙여넣기 7. Firebase SDK 추가 > dependencies 안의 classpath 복사 ex) classpath 'com.google.gms:google-services:4.3.10'..

Flutter 2022.02.06

Flutter - carousel_slider

//좌우로 슬라이드 되는 광고를 구성, PageView 위젯을 사용해도 되지만, //carousel_slider 라이브러리를 사용하면 자동 스크롤 지원 기능등이 지원되어 훨씬 유용하게 사용가능 //pub.dev 웹사이트에서 다양한 라이브러리 검색 가능 //dependencies: //추가 // carousel_slider: ^1.3.1 ========================= 복잡한 UI ========================= AppBar에 버튼은 actions 프로퍼티를 이용 appBar: AppBar( title: Text('App Bar' style: TextStyle(color: Colors.black)), actions: [ IconButton( onPressed:(){}, icon..

Flutter 2022.02.06

Flutter - 주요 단축기/배너제거/플랫폼구분

st 입력후 stful or stless 선택 가능 alt + enter : 위젯 감싸기 ctrl + o : override ctrl + space : suggenstions ctrl + Alt + L : reformat code alt + insert : Generate (constructor/getter/setter) --no-sound-null-safety MaterialApp 안에서 debugShowCheckedModeBanner: false, import 'package:flutter/foundation.dart' as foundation; if(foundation.defaultTargetPlatform == foundation.TargetPlatform.android) //platform.da..

Flutter 2022.02.06

Flutter - Database

Flutter 에서 database 를 활용하는 방법 https://flutter-ko.dev/docs/cookbook/persistence/sqlite SQLite에 데이터 저장하기 로컬 디바이스에 많은 데이터를 저장하고 쿼리를 요청해야 한다면, 로컬 파일이나 키-값 저장소 대신 데이터베이스를사용해보세요. 일반적으로 데이터베이스는 다른 로컬 솔루션보다 더 빠른 flutter-ko.dev dependencies: flutter: sdk: flutter sqflite: ^1.1.0 path_provider: 1.6.5 https://levelup.gitconnected.com/room-database-equivalent-for-flutter-807c9729b58d Room Database Equivalen..

Flutter 2022.02.06

Flutter App Bar/화면크기조절/화면전환

앱 상단부분을 BoxDecoration 위젯으로 감싼뒤, LinearGradient 속성을 적용하여 그라데이션 효과를 줍니다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'common.dart'; class MyAppBar extends StatelessWidget implements PreferredSizeWidget { String _title; MyAppBar(this._title); @override Widget build(BuildContext context) { return AppBar( toolbarHeight: Common.APPBAR_HEIGHT, title: Text(thi..

Flutter 2022.02.06

Flutter 앱 구조/Widget/Singleton

Flutter 앱의 전체 구조는 다음과 같습니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { } class MyHomePage extends StatefulWidget { } class _MyHomePageState extends State { } 화면을 그리는 모든 디자인 요소를 위젯이라고 합니다. package:flutter/material.dart 패키지에는 머티리얼 디자인 위젯들이 포함되어 있습니다. 아이폰 디자인의 cupertino 패키지도 제공하므로 필요에 따라 import 해서 사용할 수 있습니다. import 'package:flutter..

Flutter 2022.02.06
반응형