본문 바로가기

분류 전체보기

(80)
Taps, drags, and other gestures This document explains how to listen for, and respond to, gestures in Flutter. Examples of gestures include taps, drags, and scaling. The gesture system in Flutter has two separate layers. The first layer has raw pointer events that describe the location and movement of pointers (for example, touches, mice, and styli) across the screen. The second layer has gestures that describe semantic action..
How to make a right size of Widgets in Flutter Hello friends~ today Im going to tell you how to make a right size of widgets in flutter. flutter provides a logical pixels but I dont fuxxing know how to use it it is not compatible with dpi! My pages are broken so,, This is what Im using now. That is MediaQuery with this code like width: MediaQuery.of(context).size.width height: MediaQuery.of(context).size.height fontSize: MediaQuery.of(contex..
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..