생각보다 처리하기 귀찮은 toast sample을 미리 작성해둔다.
Toast 변수 선언, initState에서 초기화
초기화를 해주고, 현재 context를 연결해준다.
late FToast fToast;
void initState() {
super.initState();
fToast = FToast();
fToast.init(context);
}
toast 디자인 method
구지 이럴필요가 있을까 싶지만, toast custom 디자인을 만들어 둘 수 있는게 더 낫겠지?
_showToast() {
Widget toast = Container(
padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 12.0),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.0),
color: ThemeData.dark().primaryColor.withAlpha(80),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.check,
color: Colors.white,
),
SizedBox(
width: 12.0,
),
Text(
"This is a Custom Toast",
style: TextStyle(color: Colors.white),
),
],
),
);
fToast.showToast(
child: toast,
gravity: ToastGravity.BOTTOM,
toastDuration: const Duration(seconds: 2),
);
}
버튼 function으로 구현
버튼에서는 위에 만들어둔 _showToast() 만 호출하면 된다.
ElevatedButton(
onPressed: () {
_showToast();
},
child: const Text('show toast'),
),
끝.
