반응형 안드로이드5 [플러터] Flutter / 기울기, 움직임(모션) 감지 센서(자이로 센서) 구현하기 (패키지 사용 X) 오늘은 기울기 감지 센서를 사용해 볼 것이다. 허나 플러그인을 사용하지 않고 코틀린 코드와 연결해서 구현을 해볼 것이다.바로 만들어 보자! 전체 코드(Kotlin)package com.example.your_packgeimport android.hardware.Sensorimport android.hardware.SensorEventimport android.hardware.SensorEventListenerimport android.hardware.SensorManagerimport android.os.Bundleimport io.flutter.embedding.android.FlutterActivityimport io.flutter.embedding.engine.FlutterEngineimport i.. 2025. 2. 22. [플러터] Flutter / shared_preferences 은 어떻게 데이터를 저장하는 것일까? 우리가 앱 개발을 할 때 꼭 하나쯤은 사용하는 것이 있는데 그것이 바로 shared_preferences 이다.아마 다들 이 셰어드 프리페런스가 앱에다가 데이터를 저장한다는 것은 알고 있을 텐데 정확히 어떻게, 어디에 저장하는 지는 잘 모를 것이다. 이번 포스팅에서는 그것에 대해 알아보자. 자 일단은 맨 처음, pubspec.yaml 파일부터 봐보자.너무 당연한 것이긴 하다만 shared_preferences를 사용하고 싶다면 pubspec.yaml 파일에다가 Pub get 을 해줘야 한다.그 다음은 이제 사용하는 것인데 간단하게 iniState를 사용하여 데이터를 저장하는 코드만 적어보겠다.@overridevoid initState() { super.initState(); WidgetsBinding.. 2024. 11. 19. [플러터]Flutter / showModalBottomSheet 위젯 만들기 (위로 올라오는 팝업창 만들기) 오늘은 간단하게 위로 올라오는 로직을 하나 만들어 볼 것이다.컨테이너에 애니메이션을 넣어서 만드는 것이 아닌 플러터에서 제공해 주는 위젯을 사용해서 만들어 볼 것이다. 그럼 일단 먼저 위로 올라오는 로직을 만들기 위해서는 showModalBottomSheet 위젯을 알아야 할 것이다.showModalBottomSheet 위젯이란?showModalBottomSheet 위젯은 흔히들 말하는 팝업창의 한 종류로써 플러터가 제공해주고 있는 위젯이다.하위 속성이 엄청 많지만 오늘은 필수 2개와 그냥 하위 속성 하나만알아보자. 필수 하위 속성: context, builder 하위 속성(1개만): backgroundColor 하나씩 알아보도록 하자. 필수 속성:context context 는 위젯트리 내에서 특정 위.. 2024. 9. 12. [플러터]Flutter / Switch 위젯 만들기, 사용하기(on, off 버튼 / 토글 버튼) 이번 포스팅에서는 간단하게 플러터에서 제공하고 있는 각기 다른 디자인의 스위치 3종류를 알아볼 것이다. 일단은 그럼 가장 먼저 스위치 위젯에 대하여 알아야 할 것이다.Switch 위젯이란?switch 위젯은 우리가 흔히 생각하는 on, off 로 바뀌는 토글 버튼의 모습을 하고 있는 위젯이다.하위 속성이 엄청 많지만 간단하게 몇 가지만 알아보자. 필수 하위 속성: value, onChanged 하위 속성(4개만): activeColor, activeTrackColor, inactiveThumbColor, inactiveTrackColor 하나씩 알아보도록 하자. 필수 속성:value value는 불리언 타입의 필수 속성으로, 스위치가 켜져 있는지(true), 꺼져 있는지(false)를 결정한다.밸류에 넣.. 2024. 9. 12. [플러터]Flutter / PopScope를 이용한 뒤로가기 만들기 저번 포스팅에서는 앱이 시작되면 나오는 인트로를 만들어봤다. 이번에는 PopScope를 사용해서 뒤로 가기를 눌렀을 때 다이얼로그가 호출되고 거기서 이제 나갈지 말지 정하는 기능을 구현해볼 것이다.일단 시작하기에 앞서 PopScope 위젯을 먼저 알아보자. PopSocpe 위젯이란?PopScope 위젯은 flutter 에서 뒤로 가기 기능을 구현할 때 사용하는 위젯으로 예전에는 WillPopScope를 사용했지만 이제는 공식문서에서도 PopScope를 사용하라고 권고하고 있다.ㅡ 암튼 간에 이 PopScope 위젯은 하위 속성으로canPop, onPopInvokedWithResult, onPopInvoked, child 를 가지고 있다. 하나씩 알아보도록 하자. canPopcanPop: false /.. 2024. 9. 11. 이전 1 다음 반응형