旋转时Android底部导航栏无法正确显示

Question

旋转时底部导航栏出现问题：

基本上，我需要底部导航栏在旋转时完全填充底部。

这是我的布局：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="6"
android:rowCount="6">

<TextView
    android:id="@+id/text_home"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_row="0"
    android:layout_rowSpan="6"
    android:text="@string/home" />

<TextView
    android:id="@+id/text_history"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/history"
    android:visibility="gone" />

<TextView
    android:id="@+id/text_favorites"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/favorites"
    android:layout_row="0"
    android:layout_rowSpan="6"
    android:visibility="gone" />

<TextView
    android:id="@+id/text_az"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/az"
    android:layout_row="0"
    android:layout_rowSpan="6"
    android:visibility="gone" />

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:layout_column="0"
    android:layout_columnSpan="6"
    app:itemBackground="@color/colorPrimary"
    app:itemIconTint="@color/textColorPrimary"
    app:itemTextColor="@color/textColorPrimary"
    app:menu="@menu/bottom_navigation_main" />

非常感谢任何意见/建议。

Answer 1

根据谷歌的design guideline，它不应该是全宽的。要查看其全宽，只需更改导航视图的背景颜色。

$('#hits').append('<%= j render partial: 'event_row', locals: { events: @events } %>');
<% if @events.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate %>');
<% else %>
  ...
<% end %>