스낵바, 어디에나 있는 스낵바

Sam 🐷에 Unsplash님의 사진

Instagram에서 사진을 북마크하면 사진 위에 스낵바가 표시됩니다. 오늘 우리는 외부 종속성을 사용하지 않고 최소한의 코드로 Flutter에서 유사한 경험을 구축할 것입니다!

자, 시작하겠습니다. 🍕🍫

데모

새로운 Flutter 프로젝트를 만듭니다.

flutter create snackbar_snackbar_everywhere

그런 다음 main.dart에서 모든 항목을 제거하고 다음 콘텐츠를 붙여넣습니다.

이 코드에서는 MaterialApp 및 기본 스캐폴드로 시작합니다.
기본 스캐폴드의 본문에 ListView가 포함되어 있습니다.
각 ListTile은 자식이 또 다른 스캐폴드인 컨테이너로 구성됩니다.
각 하위 스캐폴드에는 고유한 GlobalKey가 있어 ListTile을 누를 때마다 해당 키를 사용하여 SnackBar를 표시할 수 있습니다 🐍.
this dartpad ** 🎯**의 코드를 가지고 놀 수 있습니다.

위의 gist 또는 dartpad에서 전체 소스 코드를 찾을 수 있습니다.

이 바이트 크기의 게시물이 유용하다고 생각되면 👏 버튼을 최대한 많이 누르고 이 게시물을 다른 사람들과 공유하세요. 아래 댓글 💬에 피드백/제안을 남길 수 있습니다.

기타 문제가 있는 경우 Twitter를 통해 언제든지 문의해 주세요.

<시간/>

이 문제에 관하여(스낵바, 어디에나 있는 스낵바), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/piedcipher/snackbar-snackbar-everywhere-367f

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다