首页 > 解决方案 > 底部视图不在屏幕上,我该如何解决

问题描述

我目前正在构建一个聊天室布局,该布局在 android studio 上正确显示,但在真实设备中运行时看起来不同。关于如何解决屏幕外问题的任何建议?

目前使用constraintlayout作为聊天室布局,尝试使用relativelayout,问题依旧。

这是聊天室的 xml 布局:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:ignote="MergeRootFrame">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:menu="@menu/menu_private_chat"
            app:navigationIcon="@drawable/ic_arrow_back_white_24dp"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/messages"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintBottom_toTopOf="@+id/enter_messages"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/toolbar"
            tools:listitem="@layout/animal_list_item" />

        <EditText
            android:id="@+id/enter_messages"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintStart_toEndOf="@id/messages"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/button"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toStartOf="parent" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:text="Send"
            app:layout_constraintBottom_toBottomOf="@+id/enter_messages"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toEndOf="@id/enter_messages"
            app:layout_constraintTop_toTopOf="@id/enter_messages" />


    </androidx.constraintlayout.widget.ConstraintLayout>


</layout>

这是布局的屏幕截图:

Android Studio 预览版中的布局

在真实设备中运行的布局

/** 更新 **/ 但是当键盘打开并且我在打字后专注时,布局再次变得正常

标签: androidxmlandroid-studioandroid-layoutkotlin

解决方案


嗯......我自己运行这个 xml,它看起来不错,在预览、模拟器和真实设备上,但我想如果你使用这个布局作为片段或任何其他包含布局android:fitsSystemWindows="true"可能会导致这样的问题。


推荐阅读