๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“ฑ| Android/๐Ÿš€ | Jetpack

[Android Kotlin] navigation component์— bottom navigation ์—ฐ๊ฒฐ ํ–ˆ์„๋•Œ, bottom navigation์ด ์ž‘๋™๋˜์ง€ ์•Š์„๋•Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

by immgga 2022. 4. 22.

์˜ค๋Š˜์˜ ๊ธฐ๋ก์€ navigation component๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ bottom navigaion์„ ์‚ฌ์šฉํ•  ๋•Œ, bottom navigaion์ด์ž‘๋™๋˜์ง€ ์•Š์„๋•Œ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์•˜๋‹ค.

 

๋ฌธ์ œ ์ƒํ™ฉ

ํด๋ฆญ๋งŒ ๋˜๊ณ  ํ™”๋ฉด์ด ๋ฐ”๋€Œ์ง€ ์•Š์•˜๋‹ค.

 

์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” menu xml์˜ ์ด๋ฆ„์„ ์ž˜ ํ™•์ธํ•ด์•ผ ํ•œ๋‹ค.

 

๋ฌธ์ œ ์ฝ”๋“œ

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/FreeBoardFragment"
        android:title="์ž์œ "
        android:icon="@color/main_color"/>

    <item android:id="@+id/StoryBoardFragment"
        android:title="์Šคํ† ๋ฆฌ"
        android:icon="@color/main_color"/>

    <item android:id="@+id/InquiryFragment"
        android:title="๋ฌธ์˜"
        android:icon="@color/main_color"/>

    <item android:id="@+id/NoticeFragment"
        android:title="๊ณต์ง€"
        android:icon="@color/main_color"/>
</menu>

 

navigation ํ™”๋ฉด

naviagtion ํ™”๋ฉด๊ณผ ๋ฌธ์ œ ์ฝ”๋“œ์˜ ์•„์ด๋””๊ฐ€ ๋‹ค๋ฅด๋‹ค๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค.

freeBoardFragment - FreeBoardFragment

menu ์ฝ”๋“œ์˜ ๋Œ€๋ฌธ์ž๊ฐ€ ๋‹ฌ๋ผ์„œ bottom navigation์ด ์ž‘๋™๋˜์ง€ ์•Š์•˜๋‹ค.์ด๊ฒƒ์„ ๊ณ ์ณ์„œ ์™„์ „ํžˆ ํ•ด๊ฒฐํ–ˆ๋‹ค.

728x90

๋Œ“๊ธ€