Flutter/mobile
-
Flutter App Screen SizeFlutter/mobile 2020. 5. 13. 19:42
To get the screen size in Flutter, we use a class called MediaQuery. In addition to the screen size, Mediaquery contains system information of various devices. (Text magnification, 24 hour format, device orientation, etc.) Here's how to read the screen information using MediaQuery: MediaQuery.of(context).size // App screen size size Ex> Size (360.0, 692.0) MediaQuery.of(context).size.height // A..
-
Flutter Singleton classFlutter/mobile 2020. 5. 13. 19:39
I tried to use Singleton in Flutter, but I was able to create a singleton class very simply. In Flutter's language, Dart, class creation in general is not much different from any other programming language. General class example class Normal { Normal () {// constructor // Initialization code } } In the case of the singleton class, we can easily create a class using the factory keyword. For refer..
-
Flutter Back ButtonFlutter/mobile 2020. 5. 13. 19:32
In the case of Android, there is a function that moves to the previous page (Activity) by pressing the Back Key or Back Button on the bar at the bottom. In Java or Kotlin, you can make the back key ignorable using the onBackPressed or onKeyDown function. Or you can double click to quit. It is said that a class called WillPopScope is used to use these functions in Flutter. WillPopScope is said to..
-
Modifying the Flutter package-applied as an internal projectFlutter/mobile 2020. 5. 12. 15:40
The original article for this is at the link below. https://blog.naver.com/chandong83/221876364791 Flutter(플러터) 패키지(Package) 수정하기 - with GitHub 지난번 "QR 코드 스캔" 패키지를 이용해 아주 간단하게 "QR 코드 스캔" 예제를 제... blog.naver.com https://blog.naver.com/chandong83/221872148573 Flutter(플러터) QR 코드 스캔(QR Code Scan) 초간단 예제(Simple example) 위 Flutter(Dart) 패키지 사이트에 접속해 qrcode를 검색하면 많은 패키지들이 보일 것이다.위 리스트 중... blog.naver.c..
-
Modifying the Flutter package-with GitHubFlutter/mobile 2020. 5. 12. 15:32
https://blog.naver.com/chandong83/221872148573 Flutter(플러터) QR 코드 스캔(QR Code Scan) 초간단 예제(Simple example) 위 Flutter(Dart) 패키지 사이트에 접속해 qrcode를 검색하면 많은 패키지들이 보일 것이다.위 리스트 중... blog.naver.com I made a very simple "QR code scan" example using the "QR code scan" package last time. By the way ... I see an unnecessary (I use) flash button on the QR scan screen. In this way, I am trying to find out abo..
-
Flutter QR Code Scan Simple exampleFlutter/mobile 2020. 5. 12. 15:27
https://pub.dev/packages Page 1 | Top packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter, AngularDart, and general Dart programs. pub.dev If you access the Flutter (Dart) package site above and search for qrcode, you will see many packages. Let's use the qrscan package from the above list. From now on, we will assume that y..
-
Flutter Applying a simple splash screen (app logo screen)-Android editionFlutter/mobile 2020. 5. 12. 15:20
Splash Screen (or Launch Screen, Logo Screen) can be applied very easily from Flutter. First, let's create an app. You can refer to the link below for how to make an app. https://blog.naver.com/chandong83/221839307790 VSCode에서 Flutter(플러터) 프로젝트 만들기 지난번 Flutter를 VSCode에서 사용할 수 있게 준비하였다.이번에는 프로젝트를 생성해볼 것이다.... blog.naver.com Now, open the path below in the project you created. [flutter_app] /an..
-
Create Flutter project in VSCodeFlutter/mobile 2020. 5. 12. 15:17
https://blog.naver.com/chandong83/221839261430 VSCode에서 Flutter(플러터) 사용하기(설치 및 설정) Flutter를 VSCode(Visual Studio Code)에서 사용할 수도 있다.(도대체.... VSCode는 안되는 게 ... blog.naver.com We prepared Flutter for use in VSCode last time. We are going to create a project this time. ! [./ img / 0.png] (./ img / 0.png) First, run VSCode. When VSCode is executed, from the menu, click View-> "Command Palette" or Ctr..