목록Framework/FLUTTER (3)

YUYANE

FLUTTER / Remove Tooltip of PopupMenuButton Widget

출처 : https://github.com/flutter/flutter/issues/60418 해당 위젯 : PopupMenuButton 클릭 시 팝업 창에 메뉴를 띄워주는 편리한 위젯. 마우스가 버튼위를 지날 때(on hover) 버튼의 기능을 설명해주는 tooltip property를 가지고 있다. 문제 tooltip을 보여주고 싶지 않은데 그 기능을 제어하는 property는 따로 없다. 해결 - PopupMenuButton 위젯을 Theme 위젯으로 감싸고, Theme 위젯에서 tooltip 컬러를 투명으로 지정하면 된다. - PopupMenuButton 위젯의 tooltip 값은 ' ' 코드 Theme( data: Theme.of(context).copyWith( tooltipTheme: Too..
Framework/FLUTTER 2021. 6. 19. 17:33
FLUTTER/ Drawer, Expanded, Responsive

출처 github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard 1. Drawer - 모를 땐 네비게이션 메뉴를 하나하나 다 그렸는데 이렇게 간편한 위젯이 존재하다니! - api.flutter.dev/flutter/material/Drawer-class.html Scaffold( key: context.read().scaffoldKey, drawer: SideMenu(), body: SafeArea( child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ // We want this side menu only for large screen if (Responsive.isDes..
Framework/FLUTTER 2021. 5. 6. 18:50
FLUTTER / Stack, RichText, Navigator

출처 github.com/abuanwar072/Plant-App-Flutter-UI 1. Stack 사용 방법 예시 - Stack 위젯에서 시작하면 아래에서 하나하나 쌓이는 느낌 - 원하는 위치가 있다면 Position 위젯 사용해서 위치 지정하면 됨 Container( margin: EdgeInsets.only(bottom: kDefaultPadding * 2.5), // It will cover 20% of our total height height: size.height * 0.2, child: Stack( children: [ Container( padding: EdgeInsets.only( left: kDefaultPadding, right: kDefaultPadding, bottom: 36 +..
Framework/FLUTTER 2021. 5. 5. 16:17
Prev 1 Next