[flutter] BottomSheet 여러 줄 표시하는 방법
showBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
ListTile(
leading: Icon(Icons.photo),
title: Text('Photo'),
onTap: () {
// 사진 처리 로직 추가
Navigator.pop(context);
},
),
ListTile(
leading: Icon(Icons.music_note),
title: Text('Music'),
onTap: () {
// 음악 처리 로직 추가
Navigator.pop(context);
},
),
// 추가적인 메뉴 아이템들을 여기에 나열
],
),
);
},
);
이 코드에서 showBottomSheet
메서드는 BottomSheet를 화면에 표시하고, builder
함수는 BottomSheet에 표시될 다중 항목을 구성합니다. Column을 이용하여 여러 항목을 세로로 나열하고, ListTile을 이용하여 각 항목을 추가합니다.
개별 항목은 leading 속성으로 아이콘을, title 속성으로 텍스트를 지정할 수 있습니다. 또한 onTap 콜백을 제공하여 각 항목을 탭했을 때의 동작을 정의할 수 있습니다.
이와 같이 BottomSheet에서 여러 줄을 표시할 수 있으며, 필요에 따라 원하는 항목과 동작을 추가할 수 있습니다.
더 자세한 정보는 Flutter 공식 문서 - BottomSheet를 참고하시기 바랍니다.