search

pawanbenjamin / zen-g-2024

0 stars 0 forks source link

Modified component positioning to solve rendering inconsistencies between different devices #11

Closed samryderE closed 3 months ago

samryderE commented 3 months ago

The positioning of components was inconsistent across different device screen sizes. Modifications to flexbox attributes in the most ancestral container as well as child components was necessary to ensure that renders would be positioned as expected regardless of screen size.

Additionally, version updates to expo as well as other dependencies had to be made in order to run builds in Expo Go, the only way to test shake functionality on an actual device. Be sure to run npm i.

If you encounter iOS simulator errors and are unable to boot up a simulator, old simulator caches are likely the culprit. Try system preferences -> storage -> developer -> from here delete any existing xCode simulator caches.

russellwmoore commented 3 months ago

See if you can boot up 3 different simulators with very different sizes and capture screen shots of this change working on each. Add before/after screenshots to the description to see how this code changes the view