250x250
두번째하늘
두하
두번째하늘
전체 방문자
오늘
어제
  • 분류 전체보기
    • 한달 기록
    • 매일 기록
    • 정보, 공유
    • 맛집
    • 후기
      • 대회
      • 기타
    • Flutter
    • Visual Studio Code
    • 프로그래밍 언어
    • 인공지능
    • PS
      • BOJ
      • CP

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Drawer
  • 첫 글
  • onPressed
  • Visual code debug console
  • actions
  • Webex 화면 공유 오류
  • debug console창 열기
  • UserAccountsDrawerHeader
  • Webex 화면 공유 mac
  • onDetailPressed
  • debug console open
  • Webex 화면 공유 안됨
  • AppBar
  • 무야홍
  • leading
  • EdgeInsets
  • Visual code debug console open
  • box decoration
  • Webex 화면 공유
  • Mac Webex 화면 공유
  • Flutter

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
두번째하늘

두하

Flutter

[YouTube]코딩셰프 플러터 강좌 18_ 스낵바(Snack bar)와 BuildContext

2021. 8. 5. 00:41
728x90

17강 강좌는 BuildContext에 대한 이론 설명이었는데,, 이건 궁금할때마다 다시 강좌 듣는 편이 더 나을 듯 하다.

애매하게 이해한 것 같아서 한번 더 들었는데 아직도 그 상태라서,,, ^^

 

절대 이해 못한 것은 아니다 아하하^^

 

18강에서 배운 내용은 Snack bar인데 이는 우리가 앱을 사용할때 경고문이나 잠깐 뜨는 창같은 것을 이야기한다. 

 

1. button

 

Flatbutton // 입체감 X  => TextButton

Raisedbutton => ElevatedButton

Floating action button => ElevatedButton

 

 

디자인과 모양이 다를 뿐 기능은 똑같다. 

 

2. SnackBar class

 

flutter공식 문서에 따르면 SnackBar를 구현하기 위해서는 Scaffold.of 함수와 showSnackBar 함수를 불러와야 한다고 되어있다.  

다시말하자면 Scaffold.of 함수를 통해 Scaffold위치를 참조한 후 showSnackBar 메소드 내에서 snackBar를 구현해야 한다는 것이다. 

 

Something.of(context) 의 의미는

항상 위로 거슬러 올라가면서 가장 가까운 Something을 찾아서 반환하라는 의미임.

 

BuildContext와 Context의 관계는

Context가 BuildContext의 instance임.

 

+) flutter가 2.0으로 업그레이드 되면서 snackbar를 하나의 BuildContext내로 제한하지 않고 ScaffoldMessenger를 통해서 여기저기 흩어져있는 여러 자손 scaffold를 수신할 수 있도록 한 곳에 묶어 관리해주는 역할을 할 수 있도록 설정하였다. (by. 코딩셰프님 플러터 26강)

 

+)최신버전 flutter에서는 Scaffold.of(context)가 deprecated되면서 error가 뜬다. 따라서,  ScaffoldMessenger.of(context)로 바꾸어 입력해주면 된다. 

 

바꿔야 할 것들 다 바꿨는데 에러가 뜬다ㅠㅠㅠㅠㅠㅠ

flatbutton과 textbutton의 차이점을 아직 잘 모르기때문에 뭐가 맞는지 모르겠어서 output이 제대로 안나왔지만 ㅠㅠㅠㅠㅠ오늘은 끝낼거야 흑..

728x90

'Flutter' 카테고리의 다른 글

flutter 참고 유튜브 사이트 정리  (2) 2021.08.25
Git & Github 명령어 모음  (1) 2021.08.16
[YouTube]코딩셰프 플러터 강좌 16_ Drawer 메뉴 만들기2  (0) 2021.08.04
[YouTube]코딩셰프 플러터 강좌 15_Drawer메뉴 만들기 1  (0) 2021.08.02
[YouTube]코딩셰프 플러터 강좌 14_ Appbar 메뉴 추가하기  (0) 2021.08.02
    'Flutter' 카테고리의 다른 글
    • flutter 참고 유튜브 사이트 정리
    • Git & Github 명령어 모음
    • [YouTube]코딩셰프 플러터 강좌 16_ Drawer 메뉴 만들기2
    • [YouTube]코딩셰프 플러터 강좌 15_Drawer메뉴 만들기 1
    두번째하늘
    두번째하늘
    metaverse. 일상이야기 쓰고 공부 좀 하려고 만든 두번째 하늘.

    티스토리툴바