styles
styles copied to clipboard
wrappid
bugfix: Styling Issues in Wrappid Mobile Applications
Describe the bug
There are multiple styling issues in Wrappid's style package, written primarily with CSS styles that work on the web but do not translate well to mobile. This is causing numerous errors and unexpected behaviours in mobile applications. Consequently, addressing these style compatibility issues is essential for improving the user experience and reducing support requests.
Task
- [x] wrappid/auth-module#139
- [x] wrappid/native-mobile#99
To Reproduce
Steps to reproduce the behaviour:
- Set up the mobile environment.
- Start the server.
- Observe various errors related to styling in the mobile application.
Expected behaviour
All styles should work seamlessly in the mobile application, similar to their behaviour on the web.
Stack Trace
Screenshots
Additional context
- The styling issues appear to stem from using certain CSS properties that do not have equivalent support in React Native.
- Some properties that work on the web (like
float,flex, and certain CSS values) are causing layout problems or crashing the app on mobile.
Suggested Next Steps for Resolution
- Review the style properties being used in the Wrappid style package for compatibility with React Native.
- Refactor styles to align with Flexbox principles and React Native styling conventions.
- Test extensively on various devices and API levels to ensure consistent behaviour.
