본문 바로가기

AppBar3.4

Flutter 플러터에서 AppBar의 전달 아이콘 주위의 여분의 여백을 제거하는 방법, How to remove extra padding around AppBar leading icon in Flutter 질문 내 Flutter 앱에서 이 AppBar이 있습니다. Widget setAppBar(){ return new AppBar( title: addAppBarTextWidget('탐색'), elevation: 0.0, leading: addLeadingIcon(), actions: [ addAppBarActionWidget(Constant.iconNotification, 22.0, 16.0, 8.0), addAppBarActionWidget(Constant.iconProfile, 30.0, 30.0, 15.0) ], ); } Widget addLeadingIcon(){ return new Container( height: 25.0, width: 25.0, padding: const EdgeInsets.f.. 2023. 10. 1.
Flutter 플러터에서 3 점 팝업 메뉴 AppBar를 추가하는 가장 쉬운 방법, Easiest way to add 3 dot pop up menu AppBar in Flutter 질문 I want a 3 dot popup menu button in the app bar of my app It must be a clickable one [navigate to other widgets,pages] Please tell how to add a pop up menu button in a simpler way 답변 간단한 방법은 확실히 보조 클래스를 피하는 것입니다. Dart 2.2부터는 집합 리터럴을 사용하여 메뉴 항목의 맵을 앱 바에 직접 배치할 수 있습니다. appBar: AppBar( title: Text('홈페이지'), actions: [ PopupMenuButton( onSelected: handleClick, itemBuilder: (BuildContext context) {.. 2023. 9. 28.
Flutter AppBar의 텍스트 색상과 FAB의 아이콘 색상을 테마를 사용하여 전체적으로 변경하는 방법은 무엇인가요?, How to change text color of AppBar, icon color of FAB universally using theme? 질문 나는 AppBar의 배경색을 Colors.amber로 설정할 수 있습니다. 이로 인해 텍스트 색상은 자동으로 검정색으로 설정됩니다. 접근성 문제가 발생할 수 있음을 알고 있지만, 어쨌든 텍스트 색상을 흰색으로 설정하고 싶습니다. 여전히 AppBar에서 텍스트 색상을 설정할 수 있지만, 전체적으로 설정하고 싶습니다. 내 앱에 사용 중인 테마는 다음과 같습니다. title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.amber, textTheme: Theme.of(context).textTheme.apply( bodyColor: Colors.white, displayColor: Colors.white, ), ), 답변 가장 직관적인 방법은.. 2023. 8. 23.
Flutter 플러터에서 AppBar의 높이를 어떻게 얻을 수 있나요?, How to get AppBar height in Flutter 질문 Flutter에서 AppBar의 높이를 어떻게 얻을 수 있을까요? 저는 MarialApp 위젯('package:flutter/material.dart')을 사용하고 있습니다. Context의 높이를 가지고 있으며, appbar의 높이를 빼고 싶습니다. final double height = MediaQuery.of(context).size.height; 답변 이것은 아마도 이상적인 방법은 아니라고 생각하지만 작동할 것입니다. 먼저 사용할 AppBar 위젯을 Scaffold에 선언하세요. Widget demoPage() { AppBar appBar = AppBar( title: Text('데모'), ); return Scaffold( appBar: appBar, body: /* 페이지 본문 */, ).. 2023. 8. 16.

티스토리툴바