Flutter, 이미지 버튼 클릭 시 소리 출력하기

Flutter를 이용해 이미지 버튼을 만들고 소리를 출력하는 애플리케이션이다. 각각의 동물 사진으로 화면을 꽉 채웠고, 클릭을 하면 해당 동물의 소리가 나온다. 1. 구현 결과 구현된 앱은 아래와 같다. MaterialApp과 Scaffold를 이용해 전체적인 UI를 구성했다. 레이아웃은 단순히 Column을 이용한 것이다. 이미지는 무료 이미지 사이트, 소리는 유튜브에서 찾은 저작권 무료 효과음을 사용했다. 무료 이미지(픽사베이) https://pixabay.com/ko/ 무료 효과음(유튜브), 찾아보니 이런 것들이 많은 것 같다. https://www.youtube.com/watch?v=GxNX0_c5V4Q&t=16s 구현 된 앱 시연 화면이다. 2. 화면 구성, 반복문과 함수를 이용해 버튼 나열 버튼을 하나하나 나열하는 것은 중복 코드가 많기 때문에 반복문을 이용했다. body: Center( child: Column( crossAxisAlignment: CrossAxisAli...

원문링크 : Flutter, 이미지 버튼 클릭 시 소리 출력하기