<Android>BottomNavigationView 글꼴 바꾸면서 아이콘이랑 텍스트 위치 바뀌는 오류 해결

진섭·2022년 5월 24일
1
post-thumbnail
post-custom-banner

📌 오류내용


클론코딩을 하면서 BottomNavigationView를 만드는 과정에서 글꼴이 바꿔줬는데 아이콘이랑 텍스트가 위치가 바뀌는 오류가 발생하였습니다.
저는 아이콘이 위 텍스트가 아래로 바꾸고 싶어서 검색을 통해 해결법을 찾았습니다.

📌 코드

<activity_main>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@color/white"
        app:itemIconTint="@drawable/selector_menu_color"
        app:itemRippleColor="@null"
        app:itemTextColor="@drawable/selector_menu_color"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:theme="@style/Widget.BottomNavigationView"
        app:menu="@menu/bottom_navigation" />

<styles.xml>

<resources>

    <style name="Widget.BottomNavigationView"
        parent="Widget.Design.BottomNavigationView">
        <item name="fontFamily">@font/marufont</item>
    </style>
    
    
</resources>

📌 해결방안

안드로이드스튜디오 1.5 버전으로 업그레이드가 되면서 이런 문제가 생기는것 같습니다.
다음과 같이 styles.xml 파일에 <item name="android:minHeight">0dp</item>를 넣어주면 됩니다.

    <style name="Widget.BottomNavigationView"
        parent="Widget.Design.BottomNavigationView">
        <item name="fontFamily">@font/marufont</item>
        <item name="android:minHeight">0dp</item>
    </style>

https://stackoverflow.com/questions/70728720/bottomnavigationview-navigation-items-text-displayed-above-icon

post-custom-banner

0개의 댓글