ModalBarrier 활용하기
·
Flutter
[ModalBarrier 클래스]사용자가 현재 보는 위젯 뒤에 있는 다른 위젯과 상호 작용하지 못하도록 하는 위젯이다. 모달베리어는 각 경로 뒤에 랜더링 되는 스크린이라 사용자가 뒷 스크린과 상호작용하지 못하도록 한다.  [사용] ModalBarrier( dismissible: false, color: Colors.black.withOpacity(0.0), ), [전체적인 코드]AlertDialog 를 띄우고 api 가 통신 되는 동안 뒷 배경을 클릭하여 다른 동작을 하지 못하게끔 ModalBarrier 를 이용하여 막아 놓는다. 그렇게 하면 아무리 눌러도 이상이 없지롱 ...  @override Widget build(BuildContext c..
Flutter 녹음 시 동그란 파동 웨이브 구현 (round_wave)
·
Flutter
[목표]이런 파동 ? 파장 웨이브를 구현 해보려고 한다    [패키지]너무 고맙게도 누가 미리 구현 해줘서 그대로 쓰면 되지만 사실 내가 원하는 느낌과는 사뭇 다른 느낌인거 아시자나여  ripple_wave | Flutter packageSimple and easy to use ripple animation that can be wrapped in widgets to create beautiful ripple effectspub.dev [커스텀]패키지 써보면 알겠지만 조금 요란한 웨이브라 살짝 커스텀해서 써보았습니다. import 'package:flutter/material.dart';import 'dart:math' as math show sin, pi;class RippleWave extends S..
Flutter 모달창이 끝난 후 함수 실행하기
·
Flutter
[원하는 것]날짜를 선택 한 후 이전에 선택 한 날짜보다 앞에 있으면 오류 메세지를 보여주게 하고 싶었다.  [시도 해본 것]처음에는  _showDatePicker() 이 함수를 호출 한 곳에서 확인 해보았는데 동시에 실행이 되서 그런가 전혀 어떠한 오류도 뜨지 않았다.  [해결]그렇다면 어떻게 해야 할까  .whenComplete 을 사용하는 것. whenComplete는 값이 있든 오류가 있든 완료되면 호출되는 것으로 화면 상호작용의 값을 확인 하기에 좋다. "finally" 블록의 비동기 버전이라고 한다. void _showDatePicker(BuildContext context, bool isStartDate) { showModalBottomSheet( context: context, ..
Flutter 깜박임 없이 서서히 페이지 이동하기
·
Flutter
[목표]페이지가 이동 할 때 로고가 작아지면서 다음페이지로 서서히 변하는 모습을 구현하고 싶다!  [문제]페이지를 이동할 때 새로운 페이지가 되어버리니 깜빡임이 생겼다.  문제의 원인을 뽑자면 LoginPage 로 이동을 하고 로고를 서서히 줄이는 방식으로 구현 했더니 생긴것같다. 근데 다른 방법이 생각이 안나서 이건 고칠 수 없다..  [해결] 페이지를 이동하는 함수에 FadeTransition을 사용하여 이전의 페이지는 서서히 사라지고 다음 페이지에 로고는 깜빡임 없이 서서히 사라지게 하자  [코드]이미지를 줄이는 애니메이션 코드 //다음 페이지에서 로고 이미지는 줄어들게 하기 class AnimatedLogo extends StatefulWidget { @override _AnimatedLogo..
해니01_15
'Flutter' 카테고리의 글 목록