티스토리

Sleeping Fox

검색하기

블로그 홈

Sleeping Fox

ksrapp.tistory.com/m

내가보려고 만든 공부 기록 블로그

구독자: 1

방명록 방문하기

반응형

주요 글 목록

[Flutter]앱 배포전 디바이스 Network(네트워크) 통신|안드로이드, IOS 1. INTERNET 권한 이슈 Flutter에서 앱 배포전 apk를 별도로 받아 디바이스에서 앱을 실행하면 네트워크 권한이 없음으로, 별도로 설정을 해줘야 한다. //Network 권한 설정 공감수 0 댓글수 0 2022. 5. 1.
[Flutter]플러터 notifications Icon 만들기 |안드로이드, IOS 안드로이드 어플리케이션 notifications에서 사용되는 Icon은 일반적으로 사용하는 아이콘으로 설정이 불가능하다. 별도로 만들어줘야 한다. 보통 안드로이드 스튜디오를 활용해서 어플리케이션을 제작하기 때문에 해당 IDE 기준으로 설명 해보겠다! 먼저 안드로이드 스튜디오 해당 프로젝트를 연다. [해당 프로젝트]-> android-> app-> src-> main-> res 에서 오른쪽 마우스를 클릭하여 ImageAsset를 클릭 한다. Icon Type을 Notification Icons 선택 후 미리 준비해둔 이미지 파일 첨부한 후 FINSH 버튼을 누르면 Notification Icon 이미지는 96 x 96 png 이미지로 만들며 색상이 들어가지 않는 이미지로 생성 해야 한다. Notificat.. 공감수 0 댓글수 0 2022. 3. 13.
[Flutter]플러터 flutter_local_notifications |안드로이드, IOS 오랜만에 flutter_local_notifications 패키지를 사용하면서 많은 자료가 없어서 정리해본다 Flutter Local Notification 이란? 먼저 flutter_local_notifications라는 패키지는 앱에서 특정 메시지를 보내 사용자에게 알림을 전해주는 패키지다. 보통 firebase를 통해서 FCM을 많이 사용하지만, 어째든 firebase를 통해 메세지를 전달하는건 네트워크 트래픽이 발생하고 서비스 규모가 커지면 매번 네트워크 트래픽을 발생하기에는 비용적인 부담도 있다. flutter_local_notifications라는 패키지는 말그대로, 로컬단 앱에서 사용자에게 특정 메세지를 보내 알림 처리를 할 수 있다.(네트워크 트래픽 발생X) 그럼 사용방법을 정리해본다. P.. 공감수 0 댓글수 4 2022. 3. 13.
[Flutter]플러터(Share - 공유)|안드로이드, IOS 앱을 만들때, 요즘 시대 공유기능은 필수 이다. 공유 기능은 안드로이드, IOS 2가지 방법이 있다. 가장 힘든건 IPad였다.. 애플의 실수인지는 몰라도 Share기능을 사용하면, 무응답으로 대답하며 오류코드가 쏟아진다.. 디바이스 크기를 혼자서 못잡는 버그가 있다.. 버그 내용은 디버그 내용은 아래와 같다. "", "", "", "", "", "" NSLayoutConstraint 내용은 별도 찾아서 공부하길 바란다. 너무 복잡하다.. 그렇게 삽질을 하며 검색해본 결과 좋은 해결 방법을 찾았다. 나와 같은 문제가 생각보다 많으면서..적은?거같더라 GitHub 출처:https://github.com/flutter/flutter/issues/47220 사용 패키지(pubspec.yaml 추가) share.. 공감수 1 댓글수 0 2022. 2. 22.
[Flutter]플러터(오픈 라이선스 자동출력) |안드로이드, IOS 앱을 배포 할때 특정 패키지들은 해당 앱에 사용된 패키지를 명시해야 할 때 가 있다. Flutter 패키지 중 해당 프로젝트에 사용된 패키지 오픈소스 라이선스를 자동 출력해주는 패키지가 있다. 사용 패키지(pubspec.yaml 추가) dev_dependencies: flutter_test: sdk: flutter flutter_oss_licenses: ^1.1.1 *해당 패키지 설치는 dev_dependencies 밑에 명시 해줘야한다. 해당 프로젝트 터미널창에 명령어 입력 1. flutter pub get 2. flutter pub run flutter_oss_licenses:generate.dart *2번째 명령어 까지 입력하면 해당 프로젝트의 최상위에 oss_licenses.dart 라는 파일이 .. 공감수 0 댓글수 2 2022. 1. 8.
[Flutter]플러터(Date Format)|안드로이드, IOS 아래 소스와 같이 날짜 데이터를 포맷 할 수 있음 String now_date=DateFormat('yyyy-MM-dd HH:mm:ss').format(DateTime.now()); 현재 날짜와 시간을 데이터 포맷 할 시 아래와 같이 출력 2021-12-15 12:24:11 공감수 0 댓글수 0 2021. 12. 15.
[Flutter]플러터 버튼 클릭 시 진동 주기 |안드로이드, IOS 플러터에서 기존 제공되고 있는 Button을 제외한, 직접 제작한 Button을 만드는 일은 허다하게 많다.. 제작한 버튼을 눌렀을때 진동 효과 또한 별도 패키지를 이용해서 설정을 해줘야 한다. 사용 패키지(Flutter에서 기본적으로 제공되는 services 패키지) import 'package:flutter/services.dart'; 권한 가져오기(android-> app-> src-> main-> AndroidManifest.xml) //진동 효과 권한 가져오기 사용코드 onTap: (){ HapticFeedback.vibrate(); //미세한 진동 HapticFeedback.heavyImpact(); //강한 진동 HapticFeedback.lightImpact(); //약한 진동 }, 공감수 1 댓글수 0 2021. 12. 11.
[Flutter]플러터 버튼 클릭 시 진동 주기 |안드로이드, IOS 플러터에서 기존 제공되고 있는 Button을 제외한, 직접 제작한 Button을 만드는 일은 허다하게 많다.. 제작한 버튼을 눌렀을때 진동 효과 또한 별도 패키지를 이용해서 설정을 해줘야 한다. 사용 패키지(Flutter에서 기본적으로 제공되는 services 패키지) import 'package:flutter/services.dart'; 권한 가져오기(android-> app-> src-> main-> AndroidManifest.xml) //진동 효과 권한 가져오기 사용코드 onTap: (){ HapticFeedback.vibrate(); //미세한 진동 HapticFeedback.heavyImpact(); //강한 진동 HapticFeedback.lightImpact(); //약한 진동 }, 공감수 0 댓글수 0 2021. 12. 1.
[Flutter]플러터 앱 절전모드 끄기 |안드로이드, IOS 해당 앱에서 사용자가 일정시간 동안 아무런 응답을 하지 않으면 앱은 자동으로 절전모드(화면꺼짐)로 변경 된다. 이러한 절전모드를 끄는 플러터 패키지가 있다. 사용 패키지 wakelock: ^0.5.1 import 'package:wakelock/wakelock.dart'; 사용 코드 @override Widget build(BuildContext context) { _firstMainScreenProvider = Provider.of(context); Wakelock.enable();//화면 꺼짐 방지 Wakelock.disable();//화면 꺼짐 공감수 1 댓글수 0 2021. 12. 1.
[Flutter]플러터 애드몹 적용하기 |안드로이드, IOS 사용 패키지 import 'package:google_mobile_ads/google_mobile_ads.dart'; google_mobile_ads: ^0.12.0 설정하기 (android-> app-> build.gradle) sourceSets { main.java.srcDirs += 'src/main/kotlin' } defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.ksr.today_visting_list" minSdkVersion 19 //구글 애드몹 사용을 위해 Sdk 버전을 1.. 공감수 0 댓글수 0 2021. 11. 29.
[Flutter]플러터 Audio(오디오) 패키지 |안드로이드, IOS 사용 패키지 import 'package:just_audio/just_audio.dart'; assets 설정 (pubspec.yaml) flutter: uses-material-design: true assets: - assets/splash/ - assets/audio/ assets 경로 사용 코드 AudioPlayer player =AudioPlayer();//Audio 객체 생성 Future audioPlayer()async{ await player.setVolume(75);//볼륨 await player.setSpeed(1); //재생 속도 await player.setAsset('assets/audio/submit.mp3');//경로 player.play();//재생 } 주의점 AudioPla.. 공감수 1 댓글수 0 2021. 11. 29.
[Flutter]플러터(IOS용 날짜 선택 위젯)|안드로이드, IOS 사용된 패키지 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; 사용된 코드 (아래에서 올라오는 메세지 창) TextButton( onPressed: () { //Scafflod에서 제공하는 하단에서 올라오는 메세지 창 (IOS 모양) showModalBottomSheet( context: context, backgroundColor: Color(0xff161616), //테두리 모양 변경 shape: RoundedRectangleBorder( borderRadius: BorderRadius.all( Radius.circular(20))), builder: (BuildContext context) { //sho.. 공감수 0 댓글수 0 2021. 11. 27.
[Flutter]플러터(폰트 고정)|안드로이드, IOS 사용 이유 보통 휴대폰 글꼴 크기 설정에 따라 앱에서 작동되는 폰트 크기도 바뀌게 됨. 이때 레이아웃이 모두 께질 수 있음. 그래서 폰트 크기를 고정으로 설정 하는 것 사용 코드 (main.dart) MaterialApp( //안드로이드 폰트 제거/ 폰트 통합 builder: (context, child) { return MediaQuery( data: MediaQuery.of(context).copyWith(textScaleFactor: 1), child: child!); }, 공감수 0 댓글수 0 2021. 11. 27.
[Flutter]플러터(캘린더-각종 한국어 적용)|안드로이드, IOS pubspec.yaml 파일 수정 dependencies: flutter: sdk: flutter //아래 내용 추가 flutter_localizations: sdk: flutter 사용된 패키지 import 'package:flutter_localizations/flutter_localizations.dart'; main.dart에 적용된 코드 child: MaterialApp( localizationsDelegates: [ //GolbalMateriallLocation은 안드로이드 //GlobalCupertinoLocation은 IOS GlobalMaterialLocalizations.delegate, GlobalWidgetsLocalizations.delegate, GlobalCupertinoLoc.. 공감수 0 댓글수 2 2021. 11. 27.
[Flutter]플러터 (앱 종료 함수) |안드로이드, IOS 사용된 패키지 import 'package:flutter/services.dart'; 사용 코드 appBar: AppBar( backgroundColor: Color(0xff161619), toolbarHeight: 28, //앱 종료 버튼 따로 만들기 leading: IconButton( icon: Icon(CupertinoIcons.power,size:20,), onPressed: () { _onPowerKey(); }, ), 사용 코드(SystemChannel) //앱 내에서 종료 버튼 눌렀을때, Future _onPowerKey() async { return await showDialog( context: context, builder: (BuildContext context) { return A.. 공감수 0 댓글수 0 2021. 11. 27.
[Flutter]플러터 Back Key(빽키) 컨트롤하기 |안드로이드, IOS 사용된 패키지 import 'package:flutter/services.dart'; 사용 코드(WillPopScope 위젯) @override Widget build(BuildContext context) { _firstMainScreenProvider = Provider.of(context); //WillPopScope는 사용자가 빽키를 눌렀을때 작동되는 위젯 return WillPopScope( onWillPop: () { return _onBackKey(); }, child: Scaffold( resizeToAvoidBottomInset: false, appBar: AppBar( 사용 코드(WillPopScope 에서 사용된 함수) //휴대폰 피지컬 버튼 뒤로 가기 눌렀을때, Future _onB.. 공감수 2 댓글수 1 2021. 11. 27.
[Flutter]플러터(MediaQuery 로딩 )|안드로이드, IOS 내용 MediaQuery는 해당 디바이스의 크기를 확인 해준다 안드로이드 종류 마다 MediaQuery가 아직 나오기도 전에 화면이 렌더링되어 크기가 전부 께질 때가 있다. 이럴때 아래와 같은 로직으로 MediaQuery가 로딩이 완료 될때 까지 렌더링을 다른 화면으로 대체 할 수 있다. 사용 코드 (build 함수단) @override Widget build(BuildContext context) { return FutureBuilder( future: whenNotZero( Stream.periodic(Duration(milliseconds: 100), (x) => MediaQuery.of(context).size.width),//100mil 마다 실행 (whenNotZero에게 보내는 값) ), b.. 공감수 0 댓글수 0 2021. 11. 23.
[Flutter]플러터 암/복호화(encrypt) |안드로이드, IOS 사용한 패키지 import 'package:encrypt/encrypt.dart' as en; 암호화 코드 //암호화 하기 String text='가나다라마다사'; final key=en.Key.fromUtf8('암호화 키 값'); final iv=en.IV.fromLength(16); final encrypter=en.Encrypter(en.AES(key)); print('암호화 된값: ${encrypter.encrypt(text,iv: iv).base64}'); 복호화 코드 void requestAES(){ //encrypted.base64로 암호화 된값 final text='cOHc8VUOVD2QsKrbnI2vlA=='; //키값 final key=en.Key.fromUtf8('암호화에서 사용 .. 공감수 0 댓글수 0 2021. 11. 18.
[Flutter]플러터 (공용 디렉토리 File 경로 읽기/쓰기) |안드로이드, IOS 사용 패키지 import 'package:external_path/external_path.dart'; 사용 코드(디렉터리 및 파일 생성) //파일 경로 찾기 후 디렉터리 및 파일 생성 Future localPath(String date)async{ //공용 디렉터리 경로 가져오기 String dir=await ExternalPath.getExternalStoragePublicDirectory(ExternalPath.DIRECTORY_DOCUMENTS); //공용디렉터리 경로 가져온 후 하위 디렉토리 생성 Directory path_dir= await Directory('${dir}/AppName').create(recursive: true); //위에서 생성한 디렉토리에 파일 생성 하고 return r.. 공감수 0 댓글수 0 2021. 11. 18.
[Flutter]플러터 권한(Permission) 얻기 메세지 |안드로이드, IOS 사용 패키지 permission_handler (안드로이드,IOS 권한 얻는 메세지 패키지) 접근권한 설정 1-1. android 폴더-> gradle.properties 아래 내용 추가 android.useAndroidX=true android.enableJetifier=true 1-2. android 폴더-> app-> build.gradle에서 permission_handler패키지 버전에 따라 compileSdkVersion 숫자 이상 수정 permission_handler: ^6.1.0 버전은 compileSdkVersion 30에서 잘 작동 android { compileSdkVersion 30 .... } 1-3. android폴더-> app-> src-> main-> AndroidMan.. 공감수 1 댓글수 1 2021. 11. 18.
[Flutter]플러터 (앱 디렉토리 File 경로 읽기/쓰기) |안드로이드, IOS 사용 패키지 import 'dart:io'; import 'package:path_provider/path_provider.dart'; 사용 코드 (주석 확인) //해당 앱에서만 엑세스 할 수 있는 지정된 경로 (/data/user/0/패키지 이름/app_flutter) Directory app_Dir=await getApplicationDocumentsDirectory(); //해당 앱과 사용자가 엑세스 할 수 있는 지정된 경로 //(/storage/emulated/0/Android/data/com.example.test_app05/files) Directory? ex1_Dir=await getExternalStorageDirectory(); //해당 앱과 사용자가 엑세스 할 수 있는 커스텀 지정된 .. 공감수 0 댓글수 0 2021. 11. 17.
[Flutter]플러터 화면 고정 및 풀스크린 |안드로이드, IOS 가끔 앱을 제작 하다보면, 특정 페이지에서 화면을 세로 또는 가로 고정이 필요하다. 1. 사용되는 라이브러리 import 'package:flutter/services.dart'; 2. 화면 고정 코드 (코드 내용은 주석 참고) SystemChrome 라는 클레스에 있는 각종 함수들은 사용 하여 원하는대로 세로, 가로 고정 및 풀스크린을 위지 할 수 있다. initState안에 사용하는 이유는 4번에서~~ @override void initState() { // TODO: implement initState super.initState(); //화면 세로 고정 SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp,DeviceOrienta.. 공감수 0 댓글수 0 2021. 11. 16.
[Flutter] 플러터 공부 노트 | 안드로이드,IOS 이 블로그는 Flutter를 공부하면서, 차후 내가 보려고 작성하는 블로그가 될 것이다.! 공감수 0 댓글수 0 2021. 11. 16.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.