Flutter 아래에서 선택 버튼 표시 (showModalBottomSheet)
설명 코드
void bottomSheet(BuildContext context) {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ListTile(
leading: const Icon(Icons.photo),
title: const Text('写真'),
onTap: () {},
),
ListTile(
leading: const Icon(Icons.camera),
title: const Text('カメラ'),
onTap: () {}
),
],
),
);
});
}
SingleChildScrollView
에서 옵션이 증가하면 스크롤할 수 있도록 합니다.leading
에서 아이콘 부분 선택, title
에서 ListTile
에 표시할 텍스트를 쓰고 있습니다.onTap
그럼 이번은 공란입니다만, 탭시의 움직임을 추가하는 것이 가능합니다.
기사에는 쓰고 있지 않지만 showModalBottomSheet는 then으로 쓰는 방식과 async, await를 사용한 방식이 있는 것 같습니다.
수고하셨습니다.
여기까지 봐 주셔서 감사합니다.
Reference
이 문제에 관하여(Flutter 아래에서 선택 버튼 표시 (showModalBottomSheet)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Mono999/items/73aa22108b067695aedf
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
void bottomSheet(BuildContext context) {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ListTile(
leading: const Icon(Icons.photo),
title: const Text('写真'),
onTap: () {},
),
ListTile(
leading: const Icon(Icons.camera),
title: const Text('カメラ'),
onTap: () {}
),
],
),
);
});
}
Reference
이 문제에 관하여(Flutter 아래에서 선택 버튼 표시 (showModalBottomSheet)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Mono999/items/73aa22108b067695aedf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)