꿈꾸는 시스템 디자이너

import 'package:flutter/material.dart'; SnackBarWidgetState pageState; class SnackBarWidget extends StatefulWidget { @override SnackBarWidgetState createState() { pageState = SnackBarWidgetState(); return pageState; } } class SnackBarWidgetState extends State { // Global Key of Scaffold final scaffoldKey = GlobalKey(); @override Widget build(BuildContext context) { return Scaffold( key: scaffold..

Flutter 강좌 목록 : https://here4you.tistory.com/120 리스트뷰에는 복수게의 리스트타일들이 등록되어 사용자에게 출력된다. 때에 따라서는 사용자가 일부 리스트타일을 삭제하기도 하는데 보통 리스트뷰내부의 특정 리스트타일을 손가락으로 밀어 Swipe 시킨다. 왼쪽 혹은 오른쪽으로 미는 행위를 Swipe라 하며, 이 때 호출되는 콜백이 onDismiss 함수다. 우선 실행화면을 살펴보자 리스트뷰의 리스트타일 중 첫번째 리스트타일을 오른쪽으로 밀어 삭제하고, 삭제와 동시에 첫번째 아이템이 삭제되었다는 스낵바가 출력되는 앱이다. 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); c..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 스낵바의 사용법에 대해서 알아본다. 안드로이드에 토스트 메시지가 있다면 Flutter에는 스낵바 위젯이 있다. 스낵바의 모습은 다음과 같다. 화면 중앙의 RaisedButton을 누르면 화면 하단에 얇은 바(Bar)가 나타나면서 메시지가 출력된다. 추가로 아래 화면에서는 스낵바 우측에 Undo라는 텍스트가 존재하는데 이는 사용자가 누르게 되면 추가적인 액션을 발생하도록 할 수 있다. 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() => runApp(SnackBarDemo()); class SnackBarDemo extends Stat..