EditText and Textview not displayed in layout

Question

Hey StackOverflow community.

I am working on an android app right now and I got some problem with the layout of a fragment.

My problem is that the textviews and edittexts are not displayed, they are like squeeze in the layout design mode of android studio. It's the same thing when I run the app in the emulator. I am using a relativeLayout and the gravity is set to bottom.

I have tried different thing like changing the gravity, the layout height for the relativeLayout and the textView/editText but nothing work. Here is the XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.project.vincent.activityplanner.InfoPanelActivity"
android:gravity="bottom">

<TextView
    android:id="@+id/textView2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:visibility="visible"
    android:background="@color/white"
    android:layout_above="@+id/textView3"
    android:text="test" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:visibility="visible"
    android:background="@color/white"
    android:layout_alignParentStart="true"
    android:layout_above="@+id/dateStart"
    android:text="test" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:visibility="visible"
    android:background="@color/white"
    android:layout_alignParentStart="true"
    android:layout_above="@+id/dateStart"
    android:layout_alignBottom="@+id/dateStart"
    android:text="Start" />

<EditText
    android:id="@+id/dateStart"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:inputType="date"
    android:ems="10"
    android:layout_toStartOf="@+id/timeStart"
    android:layout_alignBottom="@+id/timeStart" />

<EditText
    android:id="@+id/timeStart"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:inputType="time"
    android:ems="10"
    android:layout_above="@+id/timeEnd"
    android:layout_alignParentEnd="true" />

<TextView
    android:id="@+id/textView5"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:visibility="visible"
    android:background="@color/white"
    android:layout_alignParentStart="true"
    android:layout_above="@+id/dateEnd"
    android:text="Start" />

<EditText
    android:id="@+id/dateEnd"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:inputType="date"
    android:ems="10"
    android:layout_toStartOf="@+id/timeEnd"
    android:layout_alignBottom="@id/timeEnd"/>

<EditText
    android:id="@+id/timeEnd"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:inputType="time"
    android:ems="10"
    android:layout_above="@+id/ratingBar"
    android:layout_alignParentEnd="true" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Save" />

<RatingBar
    android:id="@+id/ratingBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true" />

</RelativeLayout>

Only the save button and the rating bar are displayed correctly.

Layout Result

Layout Expectation

If you have an idea on how to solve this problem I would really appreciate your help.

Thanks

Answer 1

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.project.vincent.activityplanner.InfoPanelActivity"
    android:gravity="bottom">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="visible"
        android:layout_above="@+id/textView3"
        android:text="test2" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="visible"
        android:layout_alignParentStart="true"
        android:layout_above="@+id/dateStart"
        android:text="test3" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:visibility="visible"
        android:layout_alignParentStart="true"
        android:layout_above="@+id/dateStart"
        android:layout_alignBottom="@+id/dateStart"
        android:text="Start" />

    <EditText
        android:id="@+id/dateStart"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:inputType="date"
        android:ems="10"
        android:layout_toStartOf="@+id/timeStart"
        android:layout_alignBottom="@+id/timeStart" />

    <EditText
        android:id="@+id/timeStart"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:inputType="time"
        android:ems="10"
        android:layout_above="@+id/timeEnd"
        android:layout_alignParentEnd="true" />

    <TextView
        android:id="@+id/textView5"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:visibility="visible"
        android:text="End" 
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/dateEnd"
        android:layout_above="@+id/ratingBar"/>

    <EditText
        android:id="@+id/dateEnd"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:inputType="date"
        android:ems="10"
        android:layout_toStartOf="@+id/timeEnd"
        android:layout_alignBottom="@id/timeEnd"/>

    <EditText
        android:id="@+id/timeEnd"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:inputType="time"
        android:ems="10"
        android:layout_above="@+id/ratingBar"
        android:layout_alignParentEnd="true" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Save"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"/>

    <RatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"/>

</RelativeLayout>