The set of alternative TextViews and ExpandableListView inside the RelativeLayout do not scroll when they take up extra screen space

I have three sets of TextView as title and ExpandableListView as content inside RelativeLayout, i.e. I have 3 TextViews and 3 ExpandableListViews alternating with each other. Now, on devices with smaller screen sizes, my layouts go out of sight below the screen. So logically the user will try to scroll down. But its not scrolling like it should be

As shown in the picture above, men, women and children are TextViews, and each has its own ExpandableListViews. I also have a list view above for home and settings. As you can see in the picture, most of the Kids content is below the screen. But when I try to loop through it without having it.

Here is my layout file

<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:background="#cccc">

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#cccc"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Men"
        android:textSize="30dp"
        android:textAllCaps="true"
        android:textAlignment="center"
        android:layout_below="@id/listView"
        android:id="@+id/menTextView"/>

    <ExpandableListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/menExpandableListView"
        android:layout_below="@id/menTextView" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="women"
        android:textSize="30dp"
        android:textAllCaps="true"
        android:textAlignment="center"
        android:layout_below="@id/menExpandableListView"
        android:id="@+id/womenTextView"/>

    <ExpandableListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/womenExpandableListView"
        android:layout_below="@id/womenTextView" />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="kids"
        android:textSize="30dp"
        android:textAllCaps="true"
        android:textAlignment="center"
        android:layout_below="@id/womenExpandableListView"
        android:id="@+id/kidsTextView"/>

    <ExpandableListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/kidsExpandableListView"
        android:layout_below="@id/kidsTextView" />
</RelativeLayout>

      

        
        
        
      

    

This is how I solved it, I just had one Expandable List view and the other text items are group headers inside an expanded list view without any children.

As suggested by one of the answers, I had a property that says if my group is a header, so isHeader () gives if my group is a header or not.

Here is my layout file

<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:orientation="vertical"
    android:weightSum="15"
    android:background="#cccc">

    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#cccc"
        android:fadeScrollbars="false"
        />

    <ExpandableListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/expandableListView"
        android:fadeScrollbars="false"
        android:layout_below="@id/listView"
        />
</RelativeLayout>

      

        
        
        
      

    

And my updated getGroupView in adapter for expandableListView which extends BaseExpandableListAdapter

@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
    ProductHeadGroup headGroup = getGroup(groupPosition);
    String header = headGroup.getGroupName();
    if (headGroup.isHeader()) {
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.expandable_list_main_header, null);
        TextView headerTextView = (TextView) convertView.findViewById(R.id.idExpandableHeaderItem);
        headerTextView.setText(header);
    } else {
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.expandable_list_header, null);
        ImageView imageView = (ImageView) convertView.findViewById(R.id.expandableHeaderIcon);
        if (isExpanded){
            imageView.setImageResource(R.drawable.ic_action_collapse_dark);
        } else {
            imageView.setImageResource(R.drawable.ic_action_expand_dark);
        }
        TextView headerTextView = (TextView) convertView.findViewById(R.id.idExpandableHeaderItem);
        headerTextView.setText(header);
    }
    return convertView;
}

      

        
        
        
      

    

As shown above, I have implemented my custom extend / anti-aliasing indicators having their own ImageView in the GroupLayout. and disabled it in my work with

expandableListView.setGroupIndicator(null)