Skip to content

feat: improve IconList layout with responsive columns#329

Open
ophirbucai wants to merge 7 commits intoexpo:masterfrom
ophirbucai:master
Open

feat: improve IconList layout with responsive columns#329
ophirbucai wants to merge 7 commits intoexpo:masterfrom
ophirbucai:master

Conversation

@ophirbucai
Copy link

@ophirbucai ophirbucai commented Apr 25, 2025

Why

The icon list provides a way for users to navigate through supported icons. It currently supports only one column (implemented with a FlatList). On desktop, we can improve browsing experience by adding support for multiple column layout (grid-like), ensuring ample spacing between the items so they don't feel cramped together.

How

  • Adjust the number of columns based on the window's width using useWindowDimensions hook.
  • The FlatList key must be changed when numColumns is changed for the list to be rerendered, this doesn't cause any visual fluctuations.
  • However, due to the key change, there could be room for scroll preservation, please let me know if this is required and I'll look into it.
329.mp4

@vercel
Copy link

vercel bot commented Apr 25, 2025

@ophirbucai is attempting to deploy a commit to the Expo Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants