BottomNavigationView выглядит очень плохо

Question

Я использую библиотеку поддержки Android BottomNavigationView, она выглядит очень плохо в некоторых версиях Android .

это мой код:

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="#fff"
    app:theme="@style/mydrawer"
    app:itemIconTint="@drawable/selector"
    app:itemTextColor="@drawable/selector"
    app:menu="@menu/bottom_navigation_items" />

in styles : 
 <style name="mydrawer">
        <item name="android:textSize">14sp</item>
    </style>

это выглядит хорошо в моем телефоне с Android 6, но это выглядит очень плохо на большинстве телефонов, например:

как видите, размер текста огромен

Как я могу это исправить?

Answer 1

Вы можете использовать Bottom Navigation ViewEx для большей настройки и лучшего внешнего вида, использование аналогично обычному представлению

проверить GitHub

Answer 2

Вы указываете одно значение размера текста для всех устройств:

 <style name="mydrawer">
     <item name="android:textSize">14sp</item>
 </style>

Вместо 14sp, вы должны указать значение из измерений

 <style name="mydrawer">
     <item name="android:textSize">@dimen/bottom_bar_item_text_size</item>
 </style>

Создавайте размеры.xml файлы для экранов разных размеров. Вы должны создать файл измерения.xml для каждого размера экрана:

• нормальный
• большой
• XLarge
• их больше, но эти 3 наиболее распространены.

<dimen name="bottom_bar_item_text_size">14sp</dimen>

Ваши размерные файлы будут выглядеть так:

надеюсь, это поможет