본문 바로가기 메뉴 바로가기

부업을 주업으로

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

부업을 주업으로

검색하기 폼
  • 분류 전체보기 (59)
    • 부업 (21)
      • 구글애드센스 (8)
      • 카카오애드핏 (13)
    • 프로그래밍 (35)
      • 윈도우개발 (16)
      • 웹개발 (7)
      • 모바일개발 (10)
      • 데이터베이스 (1)
      • .net core (1)
    • 인프라 (3)
      • 서버 (2)
      • 네트워크 (1)
  • 방명록

flutter 상단 메뉴 (1)
flutter layout 상중하 구분

모바일 앱을 보면 상중하로 나뉘어져 있는 경우가 많다. 아무래도 모바일은 화면이 작기 때문에 윈도우에서 처럼 많은 UI를 한 화면에 담을 수가 없어서 상중하로 나누면 작은 화면을 효율적으로 사용할 수 있다. 정해진건 아니지만 보통 상단과 하단은 고정 UI를 넣어서 다른 메뉴로 이동하거나 이벤트를 바로 실행하는 기능을 넣고 중간 부분은 내용을 보여주는 경우가 많은 것 같다. 네이버 모바일 layout flutter의 경우 상중하를 Scaffold 위젯을 사용해서 간편하게 나눌 수 있다. 우선 결과물부터 보면 아래 이미지와 같다. 상단에 appbar를 위치시켰고 중간과 하단에는 배경색을 넣어서 구분만 해놨다. 실제로 앱을 만든다면 중간에는 내용이 들어가고 하단에는 navigation 같은게 들어가면 좋을 것..

프로그래밍/모바일개발 2023. 3. 5. 21:54
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바