목록appbar (6)

Study Record

[Android] Compose 앱바와 Navigation 연결하기

😶 Compose 앱바와 Navigation 연결하기 앱바를 구현할 때 Scaffold 컴포저블의 topBar 와 Navigation 을 사용하면 rememberNavController 를 이용해 앱바와 Navigation 을 연결할 수 있다. 앱바의 뒤로가기 아이콘을 구현할 경우 뒤로 가기 버튼을 누르면 이전 화면으로 이동해야 한다. 전체 코드는 다음과 같다. @Composable fun LunchTrayApp() { //Create NavController val navController = rememberNavController() // Get current back stack entry val backStackEntry by navController.currentBackStackEntryAsSta..
안드로이드/compose 2023. 11. 17. 16:02
[Android] Compose Appbar

😶 Compose 간단한 앱바 앱바를 구현하는 간단한 방법은 Scaffod 의 topBar 매개변수를 이용하는 것이다. 간단하게 중앙에 글자만 있는 버전이다. Scaffold( topBar = { TestAppBar() } ) { it -> /* */ } @Composeable fun TestAppBar() { CenterAlignedTopAppBar( title = { Row( verticalAlignment = Alignment.CenterVertically ) { Text( text = stringResource(id = R.string.app_name), style = MaterialTheme.typography.displayLarge ) } }, modifier = modifier, ) }
안드로이드/compose 2023. 9. 4. 20:45
[안드로이드] 앱바 Menu 추가하기 (+ Navigation) , drawer

https://developer.android.com/codelabs/kotlin-android-training-add-navigation#8 Android Kotlin Fundamentals: 03.2 Define navigation paths | Android Developers Learn how to use Android Studio’s Navigation Editor to define the flows (navigation paths) through your app. You will understand how to implement an Up button, add an options menu, and create a navigation drawer for your app. developer.and..
안드로이드 2023. 6. 25. 23:22
[Flutter] 앱바 (appbar)

🎁 Appbar 플러터에서 앱바 기능을 해주는 위젯은 Appbar() 위젯이다. Scaffold() 의 appbar 인자로 사용할 수 있다. flutter api 공식 문서에 나와있는 것을 참고하면 앱바의 주요 부분들을 leading, title, actions ... 으로 불린다. 😶 간단한 앱바 Scaffold( appBar: AppBar( leading: Align( alignment: Alignment.centerLeft, child: IconButton( onPressed: () { print("leading press"); }, icon: Icon(Icons.arrow_back_rounded, color: Colors.black,), ), ), leadingWidth: 80.0, titleSp..
Flutter/widget 2023. 4. 19. 19:39
[Flutter] 앱 바 사이즈

✍ 앱 바 사이즈 import 'package:flutter/material.dart'; // 앱 바 사이즈 kToolbarHeight
Flutter 2023. 3. 12. 23:47
[Flutter] CustomScrollView 에서 앱바 컨트롤하기(숨김, 고정 등) - SliverAppBar

🎁 SliverAppBar CustomScrollView 의 slivers 에서 SliverAppBar 를 사용할 수 있다. 기본적인 앱바 기능부터 스크롤에 따른 앱바의 모양도 다르게 할 수 있다. 앱바를 어떻게 꾸미는지보단 스크롤바에 따라 앱바를 어떻게 컨트롤할 수 있는지에 대해 알아보려고 한다. CustomScrollView 와 SliverAppBar 를 같이 사용한 모습은 다음과 같다. CustomScrollView( slivers: [ SliverAppBar( title: Text("SliverAppBar"), centerTitle: true, ), SliverList( delegate: SliverChildListDelegate( List.generate(20, (index) => index) ..
Flutter/widget_scrollView 2023. 3. 8. 20:17
이전 Prev 1 Next 다음