# appbar

17개의 포스트
post-thumbnail

Appbar Back Button Flutter

You can add a back button to your AppBar in flutter by utilizing the AppBar widget and setting the leading property to an IconButton with a BackButton

2023년 4월 6일
·
0개의 댓글
·

[Android][Kotlin] TopAppBar, Toolbar, AppBarLayout의 차이점 및 사용법

안드로이드 앱의 상단바는 사용자에게 앱의 이름, 탐색 및 액션 요소를 표시하는 중요한 UI 요소입니다. 이 글에서는 안드로이드에서 사용할 수 있는 세 가지 주요 상단바 컴포넌트인 TopAppBar, Toolbar, AppBarLayout의 차이점과 사용법에 대해 알아보

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

Compose - 기초 - 예제 - BMI

BMI 어플을 만들어보면서 이해하는 Compose

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

flutter_note012 AppBar 에 관하여 2

지난 시간 위의 예제 코드를 통해서 AppBar() 위젯에 대해서 여러가지를 확인하는 도중 actions 속성에 IconButton 요소가 3개 이상이 존재할 때 title이 표시되는 범위까지도 침범하여 영향을 끼치는 것을 알 수 있었다.

2023년 2월 1일
·
0개의 댓글
·
post-thumbnail

flutter_note011 AppBar 에 관하여 1

AppBar 에 관하여 아래의 사진에서 처럼 시간, 각종 알람, 네트워크 및 배터리 등의 상태를 알려주는 Status Bar(상태바) 하단에 존재하는 AppBar (앱바) 는 현재 실행된 앱 화면의 정보를 표기해주며, 앱의 제목, 앱을 사용하기 위한 메뉴, 액션 버튼

2023년 1월 27일
·
0개의 댓글
·

WebView

pubspec.yaml파일에서 cupertinoicons 밑에 webviewflutter를 추가한다. andriod - app - build.gradle에 minSdkVersion 20을 설정 해준다. WebView()를 불러오면 패키지가 import 된다. 여러가지 설정 javascriptMode javascript 사용설정을 하지않아 위와 같...

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

[Flutter] Appbar BackButton Color 변경하기

Navigator.push 를 이용해서 페이지 전환 후 새 페이지에서 Scaffold - Appbar 위젯을 추가하면 상단에 기본적으로 파란색 배경과 뒤로가기 버튼이 활성화 된다.appbar 의 배경을 흰색으로 변경하면?이런식으로 뒤로가기 버튼이 가려진다.뒤로가기 버튼

2022년 9월 6일
·
0개의 댓글
·

[리액트] 내비게이션 바 제작 (1)

Appbar의 css와 관련된 속성이다. 공부할겸 scss를 사용했는데 scss에 아직 익숙하지 않아서 적절하게 사용한지는 잘 모르겠다..렌더링될 Appbar 부분이다. scroll이 0이면 일반 내비게이션 바를, 아니라면 색상이 바뀐 내비게이션 바를 렌더링한다.나중에

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

Flutter : Appbar 간단히 만들어보기 예제

사진에서 보다시피, appBar는 상태바 밑의 바로 app에 대한 정보를 표기해주거나 메뉴화면으로 많이 이용되고 있는 위젯이다.appBar를 만드는 방법은 여러 가지가 있겠지만,가장 쉬운 방법은, MaterialApp() 안의 Scaffold() 를 사용하는 것이라고

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

구조 위젯과 기타 설정

머티리얼 앱, 앱바, 스케폴드 들에 관하여 알아보자

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

Flutter - #46. AppBar

Flutter 일기참고 1 : Flutter.dev - material - AppBar오늘은 가장 많이 쓰는 위젯 중 하나인 AppBar를 다뤄보겠다.제일 기본적인 건데 맨날 보는거라 일기로 쓸 생각을 못했다.그래도 AppBar에 매번 글자만 넣을 수는 없으니, 이걸

2022년 2월 23일
·
0개의 댓글
·
post-thumbnail

Dart - AppBar

AppBar은 A material design app bar. 다시 말해 앱의 상단 제목 줄을 의미한다.flesibleSpace에 대해서는 SliverAppBar에 나와있습니다.예시 코드와 결과를 확인하자

2022년 1월 27일
·
0개의 댓글
·

20220114 안드로이드

Sub_page 자바 만들고그래들파일 열고 빌드-에디트라이브러리 앤드 디펜던시스\+버튼 - 애드라이브러리디펜던시com.android.support 검색아티팩트네임-design오케오케뭐 뜨면 알트엔터\----------------------화면만들기------------

2022년 1월 14일
·
0개의 댓글
·
post-thumbnail

앱화면 구축; 이미지 띄우기

url주소로 이미지 띄우기

2021년 10월 27일
·
0개의 댓글
·
post-thumbnail

[Flutter] SliverAppBar()

이번 글은 appbar를 custom해서 사용하게 해주는 SliverAppBar() 위젯에 대해서 살펴보겠다SliverAppBar에는 속성 값이 많아 다양하게 custom 가능하다이 글에서는 기본적인 속성만 볼 예정이다SliverAppBar를 사용할려면 Scaffold

2021년 10월 22일
·
0개의 댓글
·
post-thumbnail

[안드로이드] CollapsingToolbarLayout으로 움직이는 상단바 만들기

어제는 안드로이드에서 collapsingToolbarLayout을 이용하여 움직이는 상단바를 만들어보았다.움직이는 상단바를 위해 필요한 xml 구조추가 : CoordinatorLayout안에 자식뷰를 배치하는 방법CoordinatorLayout의 자식뷰는 anchor와

2021년 5월 31일
·
1개의 댓글
·

[Flutter] Visibility()

Flutter를 이용해서 UI를 만들다보면 True / False 값에 따라 위젯이 보여지고 안보여지는 것을 컨트롤 할 수 있다.이때, Visibility() 위젯을 통해서도 구현이 가능하다.imageAppBar()는 PreferredSize() 위젯을 기반으로 만들어

2020년 8월 31일
·
0개의 댓글
·