NestedScrollView 不在 CoordinatorLayout 内滚动 - Android

Question

The nested scroll view in the following layout is not scrolling. The scrolling work if I remove the coordinator layout. But, I want to keep the coordinator layout to place the fab button on the bottom of my card view.

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/bg_yellow_color">

    <androidx.cardview.widget.CardView
        android:id="@+id/content_card"
        style="@style/card_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.375">

            <androidx.core.widget.NestedScrollView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="fill_vertical"
                android:fillViewport="true">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tv_title"
                        style="@style/form_title"
                        android:text="@string/title" />

                    <com.google.android.material.textfield.TextInputLayout
                        android:id="@+id/name"
                        style="@style/form_input_layout"
                        android:layout_marginTop="@dimen/margin_40dp"
                        android:hint="@string/vendor_name">

                        <com.google.android.material.textfield.TextInputEditText
                            style="@style/form_input_field"
                            android:inputType="textPersonName"
                            android:maxLines="1" />
                    </com.google.android.material.textfield.TextInputLayout>

                   <!--a lot of other input fields here-->

                </LinearLayout>
            </androidx.core.widget.NestedScrollView>
    </androidx.cardview.widget.CardView>
</com.google.android.material.appbar.AppBarLayout>

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab_next"
    style="@style/fab_next"
    app:layout_anchor="@id/content_card" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>

Please share your thoughts on this. I have been stuck for a while.

Answer 1

Just put AppBarLayout inside of the NestedScrollView... Like this

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


        <androidx.core.widget.NestedScrollView 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true">

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/bg_yellow_color">

            <androidx.cardview.widget.CardView
                android:id="@+id/content_card"
                style="@style/card_content"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_bias="0.375">


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center_horizontal"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tv_title"
                        style="@style/form_title"
                        android:text="@string/title" />

                    <com.google.android.material.textfield.TextInputLayout
                        android:id="@+id/name"
                        style="@style/form_input_layout"
                        android:layout_marginTop="@dimen/margin_40dp"
                        android:hint="@string/vendor_name">

                        <com.google.android.material.textfield.TextInputEditText
                            style="@style/form_input_field"
                            android:inputType="textPersonName"
                            android:maxLines="1" />
                    </com.google.android.material.textfield.TextInputLayout>

                    <!--a lot of other input fields here-->

                </LinearLayout>

            </androidx.cardview.widget.CardView>
        </com.google.android.material.appbar.AppBarLayout>
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab_next"
        style="@style/fab_next"
        app:layout_anchor="@id/content_card" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>