Skip to content

Import cost issue #1561

Open
Open
@erie-e9

Description

@erie-e9

Current behavior

Hey folks, anyone is facing import cost issues using documentation suggestion?

Image

So, I thought was a good idea use lazy import
const FlashList = lazy(() => import('@shopify/flash-list/src/FlashList'));
But it shows a blank screen before to display real screen. As you can see in the next video.

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-03-16.at.20.07.13.mp4

And the import cost VSCode extension doesn't tell me what's the import cost of next:
import FlashList from '@shopify/flash-list/src/FlashList';

Expected behavior

I'm trying to be careful about my bundle.
So import { FlashList } from '@shopify/flash-list'; should be import cost friendly(?) as the other ones.

Image

To Reproduce

Platform:

  • iOS
  • Android

Environment

"@shopify/flash-list": "^1.7.5",
"react": "19.0.0",
"react-native": "0.78.0",

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions