appbar
-
오늘은 뒤로가기 버튼이 있는 앱바를 만들어보자. 궁금해 하실 분들을 위해서 결과물을 미리 보여주겠다. 결과물 앱바 적용한 전체 화면 작성 코드 //BackNavAppBar.kt @OptIn(ExperimentalMaterial3Api::class) @Composable fun BackNavAppBar(appNavController : NavController, title : String) { //NavController와 앱바 가운데에 들어갈 제목 데이터 받기 CenterAlignedTopAppBar( colors = TopAppBarDefaults.centerAlignedTopAppBarColors( containerColor = Color.White, titleContentColor = Color.B..
[코틀린 컴포즈] 뒤로가기 버튼이 있는 앱바 만들기오늘은 뒤로가기 버튼이 있는 앱바를 만들어보자. 궁금해 하실 분들을 위해서 결과물을 미리 보여주겠다. 결과물 앱바 적용한 전체 화면 작성 코드 //BackNavAppBar.kt @OptIn(ExperimentalMaterial3Api::class) @Composable fun BackNavAppBar(appNavController : NavController, title : String) { //NavController와 앱바 가운데에 들어갈 제목 데이터 받기 CenterAlignedTopAppBar( colors = TopAppBarDefaults.centerAlignedTopAppBarColors( containerColor = Color.White, titleContentColor = Color.B..
2024.03.25 -
안녕하세요! 오늘은 나만의 앱바를 만들어보는 시간을 가져보려고 합니다! 앱바는 메인 앱바, 뒤로 가기가 있는 서브 앱바를 만들어볼게요! 디렉터리 생성 우선 디렉터리와 dart 파일들을 만들어볼까요? 우선 디렉터리와 파일을 설명해 드릴게요. screen 디렉터리 : 페이지들을 저장하는 폴더 main_screen.dart : 메인 페이지의 코드를 작성할 파일 sub_screen.dart : 서브 페이지의 코드를 작성할 파일 widget 디렉터리 : 커스텀 위젯들을 저장하는 폴더 appbar 디렉터리 : 커스텀 앱바들을 저장하는 폴더 main_app_bar.dart : 메인 앱바의 코드를 작성할 파일 sub_app_bar.dart : 서브 앱바의 코드를 작성할 파일 이제 파일 하나씩 파고 들어가 볼까요?..
[플러터 개발] Flutter - 나만의 커스텀 앱바 만들어보기(AppBar)안녕하세요! 오늘은 나만의 앱바를 만들어보는 시간을 가져보려고 합니다! 앱바는 메인 앱바, 뒤로 가기가 있는 서브 앱바를 만들어볼게요! 디렉터리 생성 우선 디렉터리와 dart 파일들을 만들어볼까요? 우선 디렉터리와 파일을 설명해 드릴게요. screen 디렉터리 : 페이지들을 저장하는 폴더 main_screen.dart : 메인 페이지의 코드를 작성할 파일 sub_screen.dart : 서브 페이지의 코드를 작성할 파일 widget 디렉터리 : 커스텀 위젯들을 저장하는 폴더 appbar 디렉터리 : 커스텀 앱바들을 저장하는 폴더 main_app_bar.dart : 메인 앱바의 코드를 작성할 파일 sub_app_bar.dart : 서브 앱바의 코드를 작성할 파일 이제 파일 하나씩 파고 들어가 볼까요?..
2023.06.03