diff --git a/docs/docs/Components/Boxes/box.md b/docs/docs/Components/Layout/box.md similarity index 100% rename from docs/docs/Components/Boxes/box.md rename to docs/docs/Components/Layout/box.md diff --git a/docs/docs/Components/Boxes/center.md b/docs/docs/Components/Layout/center.md similarity index 100% rename from docs/docs/Components/Boxes/center.md rename to docs/docs/Components/Layout/center.md diff --git a/docs/docs/Components/Boxes/flex.md b/docs/docs/Components/Layout/flex.md similarity index 100% rename from docs/docs/Components/Boxes/flex.md rename to docs/docs/Components/Layout/flex.md diff --git a/docs/docs/Components/Stacks/hstack.md b/docs/docs/Components/Layout/hstack.md similarity index 100% rename from docs/docs/Components/Stacks/hstack.md rename to docs/docs/Components/Layout/hstack.md diff --git a/docs/docs/Components/Boxes/safeareabox.md b/docs/docs/Components/Layout/safeareabox.md similarity index 100% rename from docs/docs/Components/Boxes/safeareabox.md rename to docs/docs/Components/Layout/safeareabox.md diff --git a/docs/docs/Components/Boxes/scrollbox.md b/docs/docs/Components/Layout/scrollbox.md similarity index 100% rename from docs/docs/Components/Boxes/scrollbox.md rename to docs/docs/Components/Layout/scrollbox.md diff --git a/docs/docs/Components/Stacks/stack.md b/docs/docs/Components/Layout/stack.md similarity index 100% rename from docs/docs/Components/Stacks/stack.md rename to docs/docs/Components/Layout/stack.md diff --git a/docs/docs/Components/Stacks/vstack.md b/docs/docs/Components/Layout/vstack.md similarity index 100% rename from docs/docs/Components/Stacks/vstack.md rename to docs/docs/Components/Layout/vstack.md diff --git a/docs/docs/Components/Lists/flashlist.md b/docs/docs/Components/Lists/flashlist.md index a419bf1c..231bb29c 100644 --- a/docs/docs/Components/Lists/flashlist.md +++ b/docs/docs/Components/Lists/flashlist.md @@ -14,6 +14,15 @@ https://shopify.github.io/flash-list/docs/ So, `List` component accepts every props from react native `FlatList` component. +:::info + +`FlashList` is a great component with huge performances improvements but it works better with list items of the same size/height. +That's why you have to pass an `estimatedItemSize` param to `FlashList` component.

+If you have items with different sizes to display inside your list, you should use default `List` / `FlatList` component. +Using `FlashList` with different sizes will cause blank spaces while scrolling into the list. + +::: + ## Import ```js