Skip to content

Nested FlatList does not scroll #15375

@juanamd

Description

@juanamd

Is this a bug report?

Yes

Have you read the Bugs section of the How to Contribute guide?

Yes

Environment

  1. react-native -v:
    react-native-cli: 2.0.1
    react-native: 0.47.1
  2. node -v:
    v7.10.0
  3. npm -v:
    v7.10.0
  4. yarn --version:
    0.27.5

Then, specify:

  • Target Platform: Android
  • Development Operating System: Windows 10 Pro
  • Build tools: Not using Xcode nor Android Studio to build native code. Have only tried this on Android.

  • Comments: This worked fine with RN 0.44 until yesterday when I updated to RN 0.47 and I noticed that the sublists on my app stopped working.

Steps to Reproduce

(Write your steps here:)

  1. Add a FlatList (vertical scroll) component with some data.
  2. Have the renderItem prop be a function which returns another FlatList component (also with vertical scroll)
  3. Let the nested FlatList have a constrained height

Expected Behavior

Both lists (parent and children) would be able to scroll (as it did with RN v0.44)

Actual Behavior

Only the parent FlatList scrolls.

Reproducible Demo

https://snack.expo.io/HJSueSfPZ

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugComponent: FlatListStaleThere has been a lack of activity on this issue and it may be closed soon.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions