Question 185327 in Android Studio Question posted in
The official documentation can be found here.

Android Studio – Issue with centering TextView within ScrollView using ConstraintLayout in Android

I’m having trouble centering a TextView within a ScrollView using ConstraintLayout in Android. I want the TextView to be centered both vertically and horizontally within the ScrollView. However, despite trying different approaches and modifications to the XML layout file, the TextView is still appearing at the top of the screen.

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/factTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:textColor="@android:color/black"
            android:textSize="20sp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

I tried to use different Layouts, but it didn’t help

Tags:

2

Answers


  1. 0

    Add fillViewport true in Scrollview

    android:fillViewport="true"
    Login or Signup to reply.
  2. 0

    Use below code

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:padding="10dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <TextView
                android:id="@+id/result"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="Result..."
                android:padding="10dp"
                android:textSize="15sp" />
        </LinearLayout>
    </ScrollView>

    You’ll get your desired output:

    enter image description here

    Let me know if not solved yet.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search