앱을 만들 경우에 탭 메뉴를 만들어서 상위의 메뉴 버튼을 클릭하면 하위의 본문만 바뀌어야 하는 경우가 있다. 휴대폰 어플에서는 Scaffold에 Tab 메뉴가 존재한다. 하지만 상위의 탭 메뉴가 아닌 중간 부분이나 자신이 원하는 위치에 탭 메뉴를 만들고자 하면 아래와 같이 작성한다.
화면 결과물은 위의 그림과 같다. 하지만 내가 사용한 방법은 동적으로 탭 메뉴를 만들고, 버튼을 클릭시 하단만 변경이 되도록 만들었다.
탭 메뉴를 가지는 소스는 아래와 같다.
Container(
width: 365,
height: 290,
child: Column(
children: <Widget>[
Row(
children: tabItem,
),
tabMain(
code: code),
],
),
),
탭 화면을 만들 몸퉁이다. Container로 선언 후 자식으로 Column으로 메뉴 탭과 메인 화면으로 나눈다. 그리고 메뉴 탭은 동적으로 만들어 주기 때문에 List<Widget> 변수 tabItem 선언 후 동적으로 메뉴 위젯이 추가된다.
Widget tabItem(String tabTitle, int _color, String _code) {
댓글 영역