How to use RecyclerView inside NestedScrollView

Question

How to use RecyclerView inside NestedScrollView  RecyclerView content is not visible after setting adapter   UPDATE layout code updated    lt android support v4 widget NestedScrollView xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  gt    lt LinearLayout     android layout width  match parent      android layout height  match parent      android orientation  vertical  gt        lt RelativeLayout         android layout width  match parent          android layout height  wrap content          android padding   dimen keyline 1  gt        lt  RelativeLayout gt        lt View         android id    id separator          android layout width  match parent          android layout height  1dp          android background   e5e5e5    gt        lt android support v7 widget RecyclerView         android id    id conversation          android layout width  match parent          android layout height  wrap content    gt    lt  LinearLayout gt    lt  android support v4 widget NestedScrollView gt

User · Answer

I used RecyclerView inside a NestedScrollView and it worked for me  The only gotcha I had to keep in mind was that  a NestedScrollView takes only one child view  So in my case I used of LienearLayout viewgroup which was housing my RecyclerView plus a number of other views that I needed  I experience one issue putting my RecyclerView inside the NestedScrollView  I realized that scrolling the content of my RecyclerView slacked  I later realized that my RecyclerView was receiving the scrolling event and therefore was conflicting with the scrolling behavior of the NestedScrollView  So to solve that problem  I had to disable the scroll functionality of my RecyclerView with this method movieListNewRecyclerView setNestedScrollingEnabled false   You can checkout my Instagram for a short video of what I actually did  This is my instagram handle ofelix03

User · Answer

You need to use support library 23 2 0  or  above  and RecyclerView height will be wrap content   recyclerView setNestedScrollingEnabled false    But by doing this the recycler pattern doesn t work   i e all the views will be loaded at once because wrap content needs the height of complete RecyclerView so it will draw all child Views at once  No view will be recycled   Try not to use this pattern unless it is really required  Try to use viewType and add all other views that need to scroll to RecyclerView rather than using RecyclerView in Scrollview  The performance impact will be very high  To make it simple  quot it just acts as LinearLayout with all the child views quot

User · Answer

You can t use a recycler view within a nested scroll view  It s not intended to contain further scrollable views but it s because it s a child of a scrolling layout itself that you need the nested scrolling view  I had the same issue but in the end I moved my textview to be a headerview within the recyclerview  made the recyclerview a direct child of the coordinator layout and deleted the nested scroll view  Then all my problems were gone

User · Answer

In my case  this is what works for me  Put android fillViewport  quot true quot  inside NestedScrollView   Make the height of RecyclerView to wrap content  i e android layout height  quot wrap content quot   Add this in RecyclerView  android nestedScrollingEnabled  quot false quot    OR Programmatically  in your Kotlin class recyclerView isNestedScrollingEnabled   false mRecyclerView setHasFixedSize false

User · Answer

I have used this awesome extension  written in kotlin but can be also used in Java   https   github com Widgetlabs expedition-nestedscrollview  Basically you get the NestedRecyclerView inside any package lets say utils in your project  then just create your recyclerview like    lt com your package utils NestedRecyclerView       android id    id rv test        android layout width  match parent        android layout height  match parent    gt    Check this awesome article by Marc Knaup   https   medium com widgetlabs-engineering scrollable-nestedscrollviews-inside-recyclerview-ca65050d828a

User · Answer

if you want to use RecyclerView in NestedScrollView this is a simple tricky  just set   RecyclerView  recyclerView setHasFixedSize false   java kt   android nestedScrollingEnabled  quot false quot   android layout height  quot wrap content quot   android overScrollMode  quot never quot    NestedScrollView  android fillViewport  quot true quot   this is work for me  and you can use many RecyclerView in NestedScrollView with this too

User · Answer

There is a simple and testing code u may check   lt android support v4 widget NestedScrollView      android layout width  match parent       android layout height  match parent       android fillViewport  true       app layout behavior   string appbar scrolling view behavior  gt       lt android support v7 widget RecyclerView            android layout width  match parent             android layout height  match parent   gt      lt  android support v4 widget NestedScrollView gt

User · Answer

RecyclerView with NestedScrollView       lt android support v7 widget RecyclerView     android id    id rv      android layout width  match parent      android layout height  match parent      app layout behavior   string appbar scrolling view behavior    gt

User · Answer

There are a lot of good answers  The key is that you must set nestedScrollingEnabled to false  As mentioned above you can do it in java code   mRecyclerView setNestedScrollingEnabled false     But also you have an opportunity to set the same property in xml code  android nestedScrollingEnabled  false       lt android support v7 widget RecyclerView  android id    id recyclerview   android nestedScrollingEnabled  false   android layout width  match parent   android layout height  match parent    gt

User · Answer

For androidx it s called androidx core widget NestedScrollView - and it scrolls alike butter with properties isScrollContainer and measureAllChildren enabled   lt  -- Scrolling Content -- gt   lt androidx core widget NestedScrollView     android layout width  quot match parent quot      android layout height  quot wrap content quot       android isScrollContainer  quot true quot      android measureAllChildren  quot true quot       app layout behavior  quot  string appbar scrolling view behavior quot  gt        lt androidx recyclerview widget RecyclerView         android id  quot   id recyclerview quot          android layout width  quot match parent quot          android layout height  quot match parent quot          android fastScrollEnabled  quot true quot          android scrollbarStyle  quot insideInset quot          android scrollbars  quot vertical quot          android splitMotionEvents  quot false quot          android verticalScrollbarPosition  quot right quot   gt    lt  androidx core widget NestedScrollView gt

User · Answer

UPDATE 1  Since Android Support Library 23 2 0 there were added method setAutoMeasureEnabled true  for LayoutManagers  It makes RecyclerView to wrap it s content and works like a charm  http   android-developers blogspot ru 2016 02 android-support-library-232 html  So just add something like this       LayoutManager layoutManager   new LinearLayoutManager this       layoutManager setAutoMeasureEnabled true       recyclerView setLayoutManager layoutManager       recyclerView setNestedScrollingEnabled false      UPDATE 2  Since 27 1 0 setAutoMeasureEnabled is deprecated  so you should provide custom implementation of LayoutManager with overridden method isAutoMeasureEnabled    But after many cases of usage RecyclerView I strongly recommend not to use it in wrapping mode  cause this is not what it is intended for  Try to refactor whole your layout using normal single RecyclerView with several items  types  Or use approach with LinearLayout that I described below as last resort   Old answer  not recommended   You can use RecyclerView inside NestedScrollView  First of all you should implement your own custom LinearLayoutManager  it makes your RecyclerView to wrap its content   For example   public class WrappingLinearLayoutManager extends LinearLayoutManager        public WrappingLinearLayoutManager Context context            super context              private int   mMeasuredDimension   new int 2         Override     public boolean canScrollVertically             return false              Override     public void onMeasure RecyclerView Recycler recycler  RecyclerView State state              int widthSpec  int heightSpec            final int widthMode   View MeasureSpec getMode widthSpec           final int heightMode   View MeasureSpec getMode heightSpec            final int widthSize   View MeasureSpec getSize widthSpec           final int heightSize   View MeasureSpec getSize heightSpec            int width   0          int height   0          for  int i   0  i  lt  getItemCount    i                  if  getOrientation      HORIZONTAL                    measureScrapChild recycler  i                          View MeasureSpec makeMeasureSpec 0  View MeasureSpec UNSPECIFIED                           heightSpec                          mMeasuredDimension                    width   width   mMeasuredDimension 0                   if  i    0                        height   mMeasuredDimension 1                                   else                   measureScrapChild recycler  i                          widthSpec                          View MeasureSpec makeMeasureSpec 0  View MeasureSpec UNSPECIFIED                           mMeasuredDimension                    height   height   mMeasuredDimension 1                   if  i    0                        width   mMeasuredDimension 0                                                      switch  widthMode                case View MeasureSpec EXACTLY                  width   widthSize              case View MeasureSpec AT MOST              case View MeasureSpec UNSPECIFIED                     switch  heightMode                case View MeasureSpec EXACTLY                  height   heightSize              case View MeasureSpec AT MOST              case View MeasureSpec UNSPECIFIED                     setMeasuredDimension width  height              private void measureScrapChild RecyclerView Recycler recycler  int position  int widthSpec              int heightSpec  int   measuredDimension             View view   recycler getViewForPosition position           if  view getVisibility      View GONE                measuredDimension 0    0              measuredDimension 1    0              return                       For adding Item Decor Insets to view         super measureChildWithMargins view  0  0           RecyclerView LayoutParams p    RecyclerView LayoutParams  view getLayoutParams            int childWidthSpec   ViewGroup getChildMeasureSpec                  widthSpec                  getPaddingLeft     getPaddingRight     getDecoratedLeft view    getDecoratedRight view                   p width           int childHeightSpec   ViewGroup getChildMeasureSpec                  heightSpec                  getPaddingTop     getPaddingBottom     getDecoratedTop view    getDecoratedBottom view                   p height           view measure childWidthSpec  childHeightSpec               Get decorated measurements         measuredDimension 0    getDecoratedMeasuredWidth view    p leftMargin   p rightMargin          measuredDimension 1    getDecoratedMeasuredHeight view    p bottomMargin   p topMargin          recycler recycleView view             After that use this LayoutManager for your RecyclerView  recyclerView setLayoutManager new WrappingLinearLayoutManager getContext        But you also should call those two methods   recyclerView setNestedScrollingEnabled false   recyclerView setHasFixedSize false     Here setNestedScrollingEnabled false  disable scrolling for RecyclerView  so it doesn t intercept scrolling event from NestedScrollView  And setHasFixedSize false  determine that changes in adapter content can change the size of the RecyclerView  Important note  This solution is little buggy in some cases and has problems with perfomance  so if you have a lot of items in your RecyclerView I d recommend to use custom LinearLayout-based implementation of list view  create analogue of Adapter for it and make it behave like ListView or RecyclerView

User · Answer

I had to implement CoordinatorLayout with toolbar scrolling and it just took me all the day messing around this  I ve got it working by removing NestedScrollView at all  So I m just using RelativeLayout at the root    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout 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  gt            lt android support v7 widget RecyclerView             android id    id rv nearby              android layout width  match parent              android layout height  match parent              app layout behavior   string appbar scrolling view behavior    gt    lt  RelativeLayout gt

User · Answer

Try to use this library - https   github com serso android-linear-layout-manager   LayoutManager of the library makes RecyclerView wraps its contents  In this case RecyclerView will be  as big as inner views   so it will not have a scrollbars and user will use scrolling abilities of NestedScrollView  Therefore  it will not be ambiguous like  scrollable inside scrollable

User · Answer

nestedScrollView setNestedScrollingEnabled true    mRecyclerView addOnScrollListener new RecyclerView OnScrollListener              Override         public void onScrolled RecyclerView recyclerView  int dx  int dy                super onScrolled recyclerView  dx  dy                                          lt androidx core widget NestedScrollView     android id    id nested      android layout width  match parent      android layout height  match parent      android fillViewport  true      android layout below   id appBarLayout orders      app layout behavior   string appbar scrolling view behavior  gt         lt androidx constraintlayout widget ConstraintLayout               lt androidx recyclerview widget RecyclerView             android id    id recycler              android layout width  match parent              android layout height  0dp              app layout constraintTop toTopOf  parent              app layout constraintBottom toBottomOf  parent   gt

User · Answer

Simply adding recyclerView setNestedScrollingEnabled false   before setAdapter itself worked for me  I didn t add app layout behavior   string appbar scrolling view behavior  anywhere  amp  didn t set any custom layout manager   lt android support v4 widget NestedScrollView xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt        lt LinearLayout         android layout width  match parent          android layout height  match parent          android background   color white          android orientation  vertical  gt            lt LinearLayout             android layout width  match parent              android layout height  wrap content              android layout marginLeft  15dp              android layout marginRight  15dp              android orientation  vertical  gt                lt TextView                 android layout width  match parent                  android layout height  wrap content                  android textColor   color white                  android text  Some Text                     android padding  15dp    gt            lt  LinearLayout gt            lt LinearLayout             android orientation  vertical              android padding  15dp              android layout marginTop  10dp              android layout width  match parent              android layout height  wrap content  gt                lt TextView                 android layout width  match parent                  android layout height  wrap content                  android text  Quick Links                  android textColor   color black                  android textStyle  bold                  android textAllCaps  true                  android paddingLeft  20dp                  android drawableLeft   drawable ic trending up black 24dp                  android drawablePadding  10dp                  android layout marginBottom  10dp                  android textSize  16sp   gt                lt View                 android layout width  fill parent                  android layout height  1dp                  android background   efefef   gt                lt android support v7 widget RecyclerView xmlns android  http   schemas android com apk res android                  android id    id recyclerview                  android layout width  match parent                  android layout height  match parent    gt           lt  LinearLayout gt        lt  LinearLayout gt    lt  android support v4 widget NestedScrollView gt

User · Answer

One solution to keep the recycling feature of the recyclerview and avoiding the recyclerview to load all your data is setting a fix height in the recyclerview itself  By doing this the recyclerview is limited only to load as much as its height can show the user thus recycling its element if ever you scroll to the bottom top

User · Answer

Replace your recyclerView with     lt android support v7 widget RecyclerView     android id    id conversation      app layout behavior   string appbar scrolling view behavior      android layout width  match parent      android layout height  wrap content    gt    here    app layout behavior   string appbar scrolling view behavior    will manage the rest of things    One more thing  no need to put your recyclerView inside NestedScrollView

User · Answer

Here is the code that I m using to avoid scrolling issues   mRecyclerView    RecyclerView  view findViewById android R id list   mRecyclerView setLayoutManager new LinearLayoutManager getContext      mRecyclerView getLayoutManager   setAutoMeasureEnabled true   mRecyclerView setNestedScrollingEnabled false   mRecyclerView setHasFixedSize false

User · Answer

If you are using RecyclerView ScrollListener inside NestedScrollView  addOnScrollListener listener not working properly if you are used both   Use this code    recyclerView addOnScrollListener new RecyclerView OnScrollListener              Override         public void onScrollStateChanged  NonNull RecyclerView recyclerView  int newState                super onScrollStateChanged recyclerView  newState                                             this code working fine RecyclerView ScrollListener inside NestedScrollView   thanks

User · Answer

This is what working for me   lt android support v4 widget NestedScrollView     android layout width  match parent      android layout height  match parent      android fillViewport  true      app layout behavior   string appbar scrolling view behavior  gt        lt android support v7 widget RecyclerView         android id    id rv recycler view          android layout width  match parent          android layout height  wrap content          app layout behavior   string appbar scrolling view behavior   gt   lt  android support v4 widget NestedScrollView gt

User · Answer

If you are using RecyclerView-23 2 1 or later  Following solution will work just fine    In your layout add RecyclerView like this    lt android support v7 widget RecyclerView         android id    id review list          android layout width  match parent          android layout height  wrap content          android scrollbars  vertical    gt    And in your java file   RecyclerView mRecyclerView    RecyclerView  view findViewById R id recyclerView   LinearLayoutManager layoutManager new LinearLayoutManager getContext     layoutManager setAutoMeasureEnabled true   mRecyclerView setLayoutManager layoutManager   mRecyclerView setHasFixedSize true   mRecyclerView setAdapter new YourListAdapter getContext        Here layoutManager setAutoMeasureEnabled true   will do the trick    Check out this issue and this developer blog for more information

User · Answer

I have Viewpager and RecyclerView inside the NestedScrollView  After adding below lines  recyclerView setNestedScrollingEnabled false   recyclerView setHasFixedSize false     I solved slow scroll and scroll lag issue

User · Answer

do not use recyclerView inside NestedScrollView  it may cause cascading problems  I suggest using ItemViewTypes in RecyclerView for handling multiple kinds of views  just add a RecyclerView with match parent width and height  then in your recyclerViewAdapter override getItemViewType and use position for handling what layout to be inflated  after that you can handle your view holder by using onBindViewHolder method

User · Answer

At least as far back as Material Components 1 3 0-alpha03  it doesn t matter if the RecyclerView is nested  in something other than a ScrollView or NestedScrollView   Just put app layout behavior  quot  string appbar scrolling view behavior quot  on its top level parent that s a sibling of the AppBarLayout in the CoordinatorLayout  This has been working for me when using a single Activity architecture with Jetpack Naviagation  where all Fragments are sharing the same AppBar from the Activity s layout  I make the FragmentContainer the direct child of the CoordinatorLayout that also contains the AppBarLayout  like below  The RecyclerViews in the various fragments are scrolling normally and the AppBar folds away and reappears as expected       lt androidx coordinatorlayout widget CoordinatorLayout         android id  quot   id coordinatorLayout quot          android layout width  quot match parent quot          android layout height  quot match parent quot  gt            lt androidx fragment app FragmentContainerView             android id  quot   id nav host fragment quot              android name  quot androidx navigation fragment NavHostFragment quot              android layout width  quot match parent quot              android layout height  quot match parent quot              app layout behavior  quot  string appbar scrolling view behavior quot              app defaultNavHost  quot true quot              app navGraph  quot  navigation mobile navigation quot   gt            lt com google android material appbar AppBarLayout             android id  quot   id appbar layout quot              android layout width  quot match parent quot              android layout height  quot wrap content quot              app liftOnScroll  quot true quot  gt                lt androidx appcompat widget Toolbar                 android id  quot   id toolbar quot                  android layout width  quot match parent quot                  android layout height  quot wrap content quot                  android minHeight  quot  attr actionBarSize quot                  android theme  quot  attr actionBarTheme quot                  app layout scrollFlags  quot scroll enterAlways snap quot    gt            lt  com google android material appbar AppBarLayout gt        lt  androidx coordinatorlayout widget CoordinatorLayout gt   liftOnScroll  used to for app bars to look like they have zero elevation when at the top of the page  works if each fragment passes the ID of its RecyclerView to AppBarLayout liftOnScrollTargetViewId in Fragment onResume  Or pass 0 if the Fragment doesn t scroll

User · Answer

You can use android fillViewport  true  to make NestedScrollView measure the RecyclerView  The RecyclerView will fill the remaining height  so if you want to scroll the NestScrollView  you can set the RecyclerView s minHeight

User · Answer

For my case the child of NestedScrollview is ConstraintLayout  It is not working as expected i replaced it to LinearLayout  Maybe it helps someone   lt androidx core widget NestedScrollView    android id  quot   id nestedScrollView quot     android layout width  quot match parent quot     android layout height  quot match parent quot  gt      lt LinearLayout      android layout width  quot match parent quot       android layout height  quot wrap content quot       android descendantFocusability  quot blocksDescendants quot  gt        lt androidx recyclerview widget RecyclerView       android id  quot   id recyclerView quot        android layout width  quot 0dp quot        android layout height  quot wrap content quot        android nestedScrollingEnabled  quot false quot    gt      lt  LinearLayout gt   lt  androidx core widget NestedScrollView gt

[android] How to use RecyclerView inside NestedScrollView?

Examples related to android

Examples related to android-recyclerview