How to display ViewStub preview in Android Studio?

Question

I have a ViewStub like this -

<android.support.constraint.ConstraintLayout>
    <ViewStub
        android:id="@+id/photos"
        android:layout="@layout/add_photos"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/details"
        tools:visibility="visible" />
 ...
</android.support.constraint.ConstraintLayout>

But the ViewStub is not rendered in the layout preview and design tabs. Using <include/> works though.

I am using Android Studio 3.0 Beta 6.

Is there a way to render preview when using ViewStub?

EDIT:

Looks like there is a feature request in google issue tracker https://issuetracker.google.com/issues/37090997. But no one has looked into it till now. I will still keep the question open if anyone has any workarounds.

That doesn't work either. I will edit my question. I was trying out tools:visibility and copied the same into the question. — Vivekananda Athukuri, Sep 26 '17 at 05:45

score 18 · Answer 1 · answered Nov 13 '19 at 17:26

18

Add this to the ViewStub:

tools:visibility="visible"

and declare xmlns:tools="http://schemas.android.com/tools" in your layout.

answered Nov 13 '19 at 17:26

Lucas

1,224
1
14
21

Awesome! It's not obvious but `ViewStub` invisible by default – Sergei Bubenshchikov Feb 03 '20 at 03:45

How to display ViewStub preview in Android Studio?

1 Answers1