본문 바로가기

Flutter

(80)
[j Flutter] 이미지 투명도 조절 flutter에서 이미지 투명도 조절하는 법 Container( decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.cover, colorFilter: ColorFilter.mode( Colors.black.withOpacity(0.1), BlendMode.dstATop), image: NetworkImage('이미지 주소'), ), ), height: 300, ) - colorFilter: ColorFilter.mode(Colors.black.withOpacity(0.1), BlendMode.dstATopBlendMode.dstATop)에서 withOpacity값을 변경하여 투명도를 조절한다. 0 ~ 1 사이의 값을 입력한다. 0일 수록 투명..
[j Flutter] 이미지 흐리게 하기 (blur처리) flutter에서 이미지를 블러 처리(흐리게) 하는 법 Container( height: 500, width: double.maxFinite, decoration: BoxDecoration( image: DecorationImage( image: NetworkImage('이미지 주소'), fit: BoxFit.cover)), child:BackdropFilter( filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15), child: Container( color: Colors.black.withOpacity(0.1) ), ) ) - ImageFilter.blur(sigmaX: 15, sigmaY: 15)값을 조절해준다. - withOpacity는 투명도이다. 투명도에 관한..
[j Flutter] flutter에서 No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp() 에러 해결방법 flutter에서 firebase를 사용하려고 플러그인을 추가해준 뒤 코딩을 테스트하려니까 No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp() 해당 에러가 났다. Firebase.initializeApp()를 안 해줘서 생기는 에러 같아서 main.dart에 추가해 주었다. void main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp(); runApp(MyApp()); } 추가해주고 나니 정상적으로 데이터를 잘 불러가지고 왔다.
[j Flutter] Android Studio D8: Cannot fit requested classes in a single dex file ... 에러 파이어 베이스를 사용하기 위해 pubspec.yaml 파일에 cloud_firestore , firebase_core 를 추가해 준 뒤 빌드가 fail이 되었다. D8: Cannot fit requested classes in a single dex file... 해당 에러가 떠서 android 부분에서 project/app/build.gradle (앱수준) 에서 2가지를 추가해주었다. 1. defaultConfig { ... multiDexEnabled true } 2. dependencies { ... implementation 'androidx.multidex:multidex:2.0.1' } 그리고 minSdkVersion을 21로 수정하였다. 그러고 난뒤 실행시키니 buildsuccess!!!!
[j Flutter] Widget - Padding 여백주기 1. EdgeInsets.only top, bottom, right, left 의 여백을 준다. 따로 여백을 줄 수 있다. Padding(padding:EdgeInsets.only(bottom: 10.0)) 2. EdgeInsets.symmetric horizontal : left, right의 padding을 준다. 값은 15 vertical : top, botton의 padding을 준다. 값은 5 Padding(padding:EdgeInsets.symmetric(vertical: 5, horizontal: 15)) 3. EdgeInsets.fromLTRB EdgeInsets.fromLTRB(left,top,right,bottom) padding 값을 준다. Padding(padding:EdgeIns..
[j Flutter] 실선긋기 (draw line) 플러터에서 실선을 생성하는 방법은 많지만 3가지만 포스팅할 예정이다. 1. Container로 실선만들기 Container( height:1.0, width:500.0, color:Colors.white,) 2. Divider로 실선만들기 - thickness : 실선 굵기 Container(width: 500, child: Divider(color: Colors.red, thickness: 2.0)) 3. 세로 실선 만들기 VerticalDivider( color: Color.fromARGB(255, 211, 211, 211), thickness: 1.0) Container( width: 1, height: 15, color: AppColors.border, ),
[j Flutter] Switch 스위치 / Check Box 체크박스 구현하기 checkbox와 switch를 구현해보자. 1. CheckBox Padding( padding: EdgeInsets.fromLTRB(0, 10, 0, 10), child: Text('체크박스',style: TextStyle(fontSize: 30),)), Container( height:1.0, width:500.0, color:Colors.white,), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('빨간색 '), Transform.scale( scale: 1.5, child: Checkbox( activeColor: Colors.white, checkColor: Colors.red, value: _checkBoxValue1,..
[j Flutter] QR코드 읽기 / 생성하기 1. QR코드 생성하기 1) 먼저 qr_flutter 플러그인을 pubspec.yaml에 추가해준다. pub.dev/packages/qr_flutter qr_flutter | Flutter Package QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. pub.dev 2) import 'package:qr_flutter/qr_flutter.dart'; 를 import 해준다. 3) data 안에 qr코드로 생성하고 싶은 데이터를 써준다. 테스트는 daum사이트로 하였다. Container( child: Column( children: [ QrImage( data: "http..