Skip to content

VirtualizedLists should never be nested inside plain ScrollViews error #32884

@fluiddot

Description

@fluiddot

Description

After the the RN 0.64 upgrade, I noticed that the app is showing the following error:

VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

As far as I investigated, it looks related to rendering a FlatList component inside a ScrollView.

Reference: https://stackoverflow.com/questions/58243680/react-native-another-virtualizedlist-backed-container

Step-by-step reproduction instructions

  1. Use a debug version that connects to the Metro server.
  2. Open the editor.
  3. Observe in the console that the mentioned error is logged.

Expected behaviour

No errors should be logged.

Actual behaviour

The mentioned error is logged.

Screenshots or screen recording (optional)

N/A

WordPress information

  • WordPress version: N/A
  • Gutenberg version: N/A
  • Are all plugins except Gutenberg deactivated? N/A
  • Are you using a default theme (e.g. Twenty Twenty-One)? N/A

Device information

  • Device: iPhone 8 (simulator)
  • Operating system: iOS 14.2
  • WordPress app version: 779bb171e889ad527cc1c311675119e6596e0127

Metadata

Metadata

Assignees

No one assigned

    Labels

    Mobile App - i.e. Android or iOSNative mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change)[Priority] LowUsed to indicate that the issue at hand isn't a top priority to address and can be handled later[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions