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

Sam 🐷Unsplash님의 사진

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

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

👀 데모



데모

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

flutter create snackbar_snackbar_everywhere

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




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


그게 다야. 읽어주셔서 감사합니다 💙



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



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



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



<시간/>

좋은 웹페이지 즐겨찾기