Android Scroll View Overlaps other Views below it

I have recently started learning Android development and wanted to make an app which adds a message, as you give text input in the EditText widget. My activity's top part is containing the scroll view and below it is the EditText view and a button for sending the message. This is the respective xml Code for the Activity:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#A8A8A8"
tools:context=".chatpage">
<ScrollView
android:id="@+id/scrollChat"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="68dp"
android:layout_weight="1"
android:fillViewport="false"
android:scrollbarStyle="insideOverlay"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<LinearLayout
android:id="@+id/chatSpace"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:background="#D6EDBB"
android:gravity="end"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
<Button
android:id="@+id/button"
android:layout_width="79dp"
android:layout_height="56dp"
android:layout_marginBottom="24dp"
android:layout_marginLeft="12dp"
android:layout_marginStart="12dp"
android:onClick="sendMessage"
android:text="@string/send"
app:backgroundTint="#36FF00"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/chatMessage" />
<EditText
android:id="@+id/chatMessage"
android:layout_width="278dp"
android:layout_height="44dp"
android:layout_marginBottom="28dp"
android:ems="10"
android:hint="Enter a message"
android:inputType="textPersonName"
android:shadowColor="#CC9999"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.12"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

And this is my Java code:

package com.example.solochat;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;
public class chatpage extends AppCompatActivity {
LinearLayout chatSpace;
EditText chat_input;
String nickname;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_chatpage);
nickname = getIntent().getStringExtra("NICKNAME");
chatSpace = findViewById(R.id.chatSpace);
chat_input = findViewById(R.id.chatMessage);
}
public void sendMessage(View btn)
{
TextView msg = new TextView(this);
String message = chat_input.getText().toString();
message = nickname + "\n" + message;
msg.setText(message);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT
);
params.gravity = Gravity.END;
params.setMargins(0, 20, 55, 10);
msg.setLayoutParams(params);
chatSpace.addView(msg);
}
}

Problem:
When i send too many messages, the messages (which is a TextView) starts going through my EditText Widget.
i have even tried wrap-content for the Scroll View yet it didn't work. I have tried setting the gravity to end, bottom for scroll view as well as for the linear Layout which is inside the scroll view.

Image regarding the problem:

Click here for the image

Thank you for your time. Please help me regarding this issue.

Try this:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#A8A8A8"
tools:context=".chatpage">
<ScrollView
android:id="@+id/scrollChat"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="68dp"
android:layout_weight="1"
android:fillViewport="false"
android:scrollbarStyle="insideOverlay"
app:layout_constraintEnd_toEndOf="@+id/button"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<LinearLayout
android:id="@+id/chatSpace"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:background="#D6EDBB"
android:gravity="end"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
<Button
android:id="@+id/button"
android:layout_width="79dp"
android:layout_height="56dp"
android:layout_marginBottom="24dp"
android:layout_marginLeft="12dp"
android:layout_marginStart="12dp"
android:onClick="sendMessage"
android:text="@string/send"
app:backgroundTint="#36FF00"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/chatMessage" />
<EditText
android:id="@+id/chatMessage"
android:layout_width="278dp"
android:layout_height="44dp"
android:layout_marginBottom="28dp"
android:ems="10"
android:hint="Enter a message"
android:inputType="textPersonName"
android:shadowColor="#CC9999"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.12"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Add bottom constraints to scroll view.
layout_constraintBottom_toTopOf

Like that:

  <ScrollView
android:id="@+id/scrollChat"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="68dp"
android:layout_weight="1"
android:fillViewport="false"
android:scrollbarStyle="insideOverlay"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintBottom_toTopOf="@+id/chatMessage"
app:layout_constraintTop_toTopOf="parent">