search

timothymiller / t4-app

A powerful cross-platform UI toolkit for building actually native iOS, Android, macOS, Windows, Linux, and Progressive Web Apps with React (Native).
https://t4stack.com
MIT License
1.45k stars 77 forks source link

Update virtualized list header to be floating #72

Closed rmarscher closed 1 year ago

rmarscher commented 1 year ago

Adds expo-blur for universal backdrop blur of the header Add universal useThemeSetting from tamagui/next to get current system theme

Adds h-100dvh css utility class and overrides tamagui default body height Tamagui currently uses 100vh which is larger than the screen size on mobile. Dynamic viewport-percentage units were created to address that problem. https://caniuse.com/viewport-unit-variants https://www.w3.org/TR/css-values-4/#viewport-variants

rmarscher commented 1 year ago

Latest push reworks things to drop the animation connected to onScroll and addresses the other comments. Thanks.

timothymiller commented 1 year ago

Thanks again for your work on this.

I've been inspired by your expo blur integration to create a global navigation layout for the stack.

For the most part, I've removed scroll listeners from the master branch for performance reasons. However, your work on the virtualized list layout has helped greatly with fitting the sample car data into the list.

rmarscher commented 1 year ago

Thanks again for your work on this.

I've been inspired by your expo blur integration to create a global navigation layout for the stack.

For the most part, I've removed scroll listeners from the master branch for performance reasons. However, your work on the virtualized list layout has helped greatly with fitting the sample car data into the list.

Awesome. Thanks! Looks like I can close this. 😄