Btukfyl

The Design of the screen is changing if I fetch the data from an array in a RecyclerView but when the data is defined static (in XML) the design is correct, what should I do to keep the designed as it is in the preview?

I am using Fragments and recyclerView to inflate the data from an array

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical" android:layout_width="match_parent"

android:layout_height="match_parent">





<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical">



    <LinearLayout

        android:id="@+id/rentInvoice"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="20dp"

        android:layout_marginLeft="25dp"

        android:layout_marginRight="25dp"

        android:layout_marginBottom="20dp"

        android:orientation="vertical">



        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:orientation="horizontal">



            <LinearLayout

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:orientation="vertical">



                <TextView

                    android:id="@+id/paymentsDate"

                    android:textStyle="bold"

                    android:textColor="@color/colorFontHeading"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="@string/date"

                    android:textSize="18sp" />



                <TextView

                    android:id="@+id/paymentsReceiptNumber"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="@string/reciept_number" />

                <TextView

                    android:id="@+id/paymentsData"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="PaymentData" />



            </LinearLayout>



            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_gravity="center"

                android:gravity="end">





                <TextView

                    android:id="@+id/paymentsAmount"

                    android:layout_gravity="center"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="@string/rs_000000"



                    />

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_gravity="right"

                    android:src="@drawable/ic_navigate_next_black_24dp" />

            </LinearLayout>



        </LinearLayout>



    </LinearLayout>

Above is the XML code for Layout

Below is the XML code where RecyclerView is Located

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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"

tools:context=".Fragments.PaymentsFragment"

android:orientation="vertical">



<SearchView



    android:queryHint="@string/search"

    android:layout_margin="15dp"

    android:id="@+id/searchViewPayments"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:background="@drawable/search_view_rounded"

    android:layoutDirection="rtl"/>





<LinearLayout

    android:id="@+id/recyclerViewLayout"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView



        android:id="@+id/paymentsRecyclerView"

        android:layout_width="match_parent"

        android:layout_height="match_parent">





    </android.support.v7.widget.RecyclerView>







</LinearLayout>

You can use RelativeLayout as parent if you want to achieve a most left and right layout, using alignParentEnd or alignParentStart. This should be your layout inside your LinearLayout tag with id rentInvoice:

<RelativeLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content" >



    <LinearLayout

        android:layout_centerVertical="true"

        android:layout_alignParentStart="true"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical">



        ...



    </LinearLayout>



    <LinearLayout

        android:layout_centerVertical="true"

        android:layout_alignParentEnd="true"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" >



        <TextView

            android:id="@+id/paymentsAmount"

            android:layout_gravity="center"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="@string/rs_000000" />



        ...



    </LinearLayout>



</RelativeLayout>