Android Constraint Layout height inside scrollview have no effect

Question

In Android, I want to achieve a scroll view with fixed height on the screen, and the content inside also have a fixed height.

The scroll view height is 300dp, the direct child (relative layout) is 500dp, and the text view distance from top is 301dp. This means after I reached the text view, there is 200dp more bottom space for me to scroll from the relative layout height.

I manage to create the desired effect using the XML below.

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="300dp" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:background="#FFC0CB"
            android:layout_height="500dp" >

            <TextView
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintBottom_toBottomOf="parent"
                android:id="@+id/new_realm_message"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="301dp"
                android:text="long text" />
        </RelativeLayout>
    </ScrollView>

But here is the problem, if I change the relative layout to constraint layout, now the scrolling will only scroll up to the text View at height 310dp, not of showing the 200dp empty space at the bottom.

Can someone explain why constraint layout is giving me this weird behavior? According to Differences between ConstraintLayout and RelativeLayout, constraint layout "has dual power of both Relative Layout as well as Linear layout", it should be able to achieve what relative layout can achieve.

I want someone to make the constraint layout's height to take effect and explain why constraint layout is giving me this weird behavior. The example I show is just to give you a visual. — BabyishTank
– BabyishTank, Commented Apr 12, 2020 at 19:41

Ibrar Khan · Accepted Answer · 2020-04-12 19:42:20Z

6

Try this:

<ScrollView android:layout_width="match_parent"
android:layout_height="300dp">

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:background="#FFC0CB"
    android:minHeight="500dp"
    android:layout_height="500dp" >

    <TextView
        android:id="@+id/new_realm_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="301dp"
        android:text="long text"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

It seems like there is a bug in constraint layout or layout height cannot be applied to constraint layout in a scroll view but you can use minimum height attribute in constraint layout.

answered Apr 12, 2020 at 19:42

Ibrar Khan

4393 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

BabyishTank Over a year ago

Yes problem solve, applying min height make constraint layout height take effect. Thank you

Ibrar Khan Over a year ago

@BabyishTank I am happy to help you.

Avital Over a year ago

TNX!!! you saved me after hours...

Marawan Mamdouh · Accepted Answer · 2022-11-16 18:07:08Z

3

Adding `android:fillViewport="true"` to the `ScrollView`.

answered Nov 16, 2022 at 18:07

Marawan Mamdouh

1,0451 gold badge12 silver badges18 bronze badges

Collectives™ on Stack Overflow

Android Constraint Layout height inside scrollview have no effect

2 Answers 2

3 Comments

Adding `android:fillViewport="true"` to the `ScrollView`.

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Adding android:fillViewport="true" to the ScrollView.

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related

Adding `android:fillViewport="true"` to the `ScrollView`.