본문 바로가기

안드로이드

 (48)
pub.dev에서 라이브러리를 가져오는방법 나는 플러터 프로젝트를 진행할때 라이브러리를 github 또는 pub.dev에서 가져온다. 각각 한번씩 포스팅할건데 오늘은 pub.dev에서 라이브러리를 가져오는 방법에 대해 포스팅 하고자 한다. 1. 내가 필요로 하는 라이브러리를 검색한다. 나의 경우에는 캘린더가 필요하기 때문에 calendar을 검색했다. 정말 많은 라이브러리가 있다. 옆에 숫자 99 98 96등은 이 라이브러리에 대한 평가를 의미한다. 100에 가까울수록 좋은 평가이다. 2. 라이브러리를 하나 골라서 클릭하면 다음과 같은 화면이 뜬다. 여기서 installing을 누른다. 3. 나와있는대로 pubspec.yaml 파일의 dependencies: 에 table_calendar: ^2.2.3을 추가하고 get pub를 누른다. 4. 다..
flutter share through other apps Hello guys today, Im going to tell you about the function below This function uses the library called 'share' and you can get it in https://pub.dev/packages/share#-readme-tab- after you come here attach dependencies: share: ^0.6.4 at yami file & attach import 'package:share/share.dart'; at your dart file so now, you are ready to use it. Here are my codes below 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15..
플러터 위젯 - 화면 표시용 위젯 1. Text 글자를 표시하는 위젯 •첫번째 인수에 문자열을 지정하여 Text(‘글자‘)형태로 사용 •TextStyle 클래스에서 글자 크기, 색상, 폰트 스타일 등 설정가능 2. Image 이미지를 표시하는 위젯 •URL이나 asset() 메소드로 이미지를 표시함 3. Icon 아이콘 •메뉴, 리스트, 버튼과 조합가능 •단독으로도 사용함 4. Progress 로딩중이거나 오래 걸리는 작업을 할 때 사용되는 위젯 •둥근 형태와 선 형태 두 종류로 나뉨 5. CircleAvatar 프로필 화면 등에 많이 사용되는 원형 위젯 •네트워크상에 존재하는 이미지는 다음과 같은 방법으로 표시가능
How can I use Future in Flutter(Dart) 이번 포스팅에서는 Future을 사용해서, Flutter 에서도 비동기 작업을 할 수 있는 방법을 소개하겠다. Future가 뭘까? 비동기 작업의 결과를 나타난다. 두 가지 상태( 완료(value 생성), 미완료(value 생성하기 전) ) 를 가질 수 있다. - 비동기 작업이란? 동기, 비동기 작업으로 나뉜다. - 동기 작업은 예를 들어, 3개의 동작을 수행해야 할 때, (이를 task1, task2, task3 라고 하자.) 순서대로 하나의 작업이 완전히 완료되면 다음 작업을 수행하는 방식이다. task1 (block발생, 프로그램이 멈춤) -> 서버로 데이터 요청, 받음 -> task1(나머지 동작 수행) task2 task3 의 과정을 수행한다. 즉, 코드가 반드시 작성된 순서대로 실행된다. - ..
[Tip]초보 안드로이드 개발자가 쓰면 좋을 Developer Assistant 앱 팀장님이 알려주신 UI 관련 꿀팁 앱 먼저 이 앱에 대해 설명하자면 강력한 디버깅 앱이다 물론 UI 적인 부분에서 디버깅을 해준다 뷰 계층 구조를 검사하고 레이아웃, 스타일, 번역 미리보기 등을 확인할 수 있다 사용 환경은 역시 같은 안드로이드 모바일에서 사용할 수 있다 동작은 홈 버튼을 길게 누르는 것과 같은 간단한 제스처로 언제든지 호출 할 수 있다 첫 설치에 30일 무료 제공이고 그 이후에도 계속 사용하려면 한 달에 19000원씩 결제해야 하지만 그만한 가치가 있다고 본다 앱 설명에 소개된 기능들 ✔ 뷰 식별자, 클래스 이름, 텍스트 스타일 또는 색상을 검사 ✔ 루트보기 옆에 표시되는 가장 일치하는 레이아웃 리소스를 미리 보기 기타 등등.. 아직 사용해보지 않았으나 사용후에 글을 수정 혹은 자세한 ..
플러터 캘린더를 한국어로 바꾸는 방법 1. pubspec.yaml의 dependencies에 flutter_localizations: sdk: flutter 를 추가한다. 그럼 dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter 와 같은 형태가 된다. 2. main. dart에 import 'package:flutter_localizations/flutter_localizations.dart'; 를 추가한다. 3. MyApp의 MaterialApp 안에 localizationsDelegates: [ GlobalMaterialLocalizations.delegate, GlobalWidgetsLocalizations.delegate, ], supportedLocales..
Flutter에서 Shared Preferences (캐싱) 사용법 주제 - Flutter에서 Id, Pw를 입력받아서 저장 (캐싱) 하기. - 어플을 종료해도 입력한 값을 기억하고 있는다. 필요한 패키지: shared_preferences 링크: https://pub.dev/packages/shared_preferences shared_preferences | Flutter Package Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android. pub.dev yami 파일에 1 2 dependencies: shared_preferences: ^0.5.3+2 cs 와 같이 의존성 추가를 해주자. -아래는 결..
Flutter 코드 리팩토링 페이스북 뉴스피드 / Lo-fi 프로토타이핑 페이스북 뉴스피드와 같은 한 화면에 여러 기능을 하는 위젯이 여러개 있는 경우, 한 위젯만으로 관리하기가 매우 힘듭니다. 위 이미지의 우측과 같이 프로토타이핑 하더라도 300여라인의 코드와 수십개의 위젯이 한 dart 파일안에 있습니다. 위젯을 리팩토링할 때는 가장 먼저 분리할 위젯의 영역을 정해야합니다. 위 이미지에서는 아래와 같이 나눌 수 있습니다. AppBar (뉴스피드 타이틀을 가진) 5개 버튼이 있는 탭바 뉴스피드 리스트 하단의 버튼 리스트 각 영역을 새로운 위젯 또는 메소드로 분리할 수 있습니다. 가장 쉬운 접근 방법은 각 영역을 메소드로 분리하는 방법입니다. 하지만 이 방식은 안티패턴입니다. 이번에는 카운터 예제로 왜 메소드로 리팩토링 하는 것이 ..

티스토리툴바