Пользовательский макет значка на панели навигации отображается неправильно

Question

Я работаю над приложением, в котором я использую пользовательский макет значка для значка навигации.Но эти цифры отображаются неправильно: menu_counter.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ic_circle_outline">

<TextView
    android:id="@+id/counterView"
    android:layout_width="20dp"
    android:layout_height="20dp"
    android:layout_gravity="center"
    android:gravity="center"
    android:text="0"
    android:textColor="@color/red"
    android:textSize="14sp" />

In MainActivity.xml

countSideMenu = (TextView) navigationView.getMenu().findItem(R.id.count).getActionView().findViewById(R.id.counterView);

Answer 1

Замените этот код на ваш framlayout

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="@drawable/ic_circle_outline">

    <TextView
        android:id="@+id/counterView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:text="0"
        android:textColor="@color/red_dark"
        android:textSize="14sp" />

    </FrameLayout>