본문 바로가기
728x90

FLUTTER13

[Flutter/플러터] 딜레이 함수 Future.delayed() 플러터에서 딜레이 함수를 사용하는 방법입니다. Future.delayed( Duration(seconds: 지연 시간), () { 함수 내용 }, ); Duration의 인자값으로 지연 시간을 설정하고 함수 내용을 작성하면 딜레이 이 후 작동할 함수를 사용할 수 있습니다. 2024. 2. 7.
[Flutter / 플러터] ModalBottomSheet에 SetState 효과 부여하기 ModalBottomSheet 위젯은 화면을 어둡게 하고 하단에 시트를 표출시키는 위젯입니다. 보통 시트내에 버튼들을 구성하여 선택에 따른 이벤트를 받는 위주의 표현을 위해 사용하는 위젯이지만 유저 인터랙션에 따라 표현을 해야할 때의 구현 방법을 소개합니다. SetState를 사용하기 위해선 ModalBottomSheet 내부에 StatefulBuilder 위젯을 추가하여 ModalBottomSheet 내에서 SetState 처리가 일어나도록 구현하면 됩니다. 아래는 구현하는 방법에 대한 코드 입니다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @ov.. 2023. 11. 26.
[Flutter] 뒤로 가기 두 번 입력 시 앱 종료되게 하기 최근 Flutter가 업데이트 되면서 이 전에 사용했던 위젯인 WillPopScope가 Deprecated 되었습니다. 따라서 기능이 이전된 PopScope 위젯에서 백버튼 이벤트가 발생할 시 처리하는 방법에 대해 설명드리겠습니다. 아래는 구현 코드입니다. class _HomePageState extends State { DateTime? backPressedTime; late FToast fToast; @override void initState() { super.initState(); fToast = FToast(); //토스트 메시지 초기화 fToast.init(context); } @override Widget build(BuildContext context) { return SafeArea( c.. 2023. 11. 22.
[Flutter] 리스트 오버스크롤(List Overscroll)시 컬러 변경하기 Flutter에서 ListView, GridView (그 외 스크롤 가능한 리스트 모두 가능) 위젯 사용 중 발생하는 오버스크롤 컬러를 변경하는 방법입니다. GlowingOverscrollIndicator 위젯으로 리스트뷰 종류의 위젯을 감싸는 방법으로 변경할 수 있습니다. GlowingOverscrollIndicator( color: Color, //바꿀 색상 axisDirection: AxisDirection.down, //드래그 방향 child: ListView.separated( //...... ) Color 파라미터에는 바꿀 색상을 입력합니다. axisDirection 파라미터에는 드래그할 방향에 맞는 값(up, down, left, right)을 입력합니다. 드래그할 방향은 리스트의 index.. 2023. 11. 16.
728x90