The project is setup in a bespoke manner, so I will try to create a reproducible problem. But if anyone could help with why this might be happening, as I'm truly lost.
Im using RN version 0.59.9
If i have a simple component at the root:
<View><Text> Text 1</Text><Text> Text 2</Text></View>In android, it behaves as expected, the text is displayed top left in the correct order.But in iOS it is aligned to the bottom left, and the Text 2 is at the top, and Text 1 at the bottom.
So its like there is a flexbox in col-reverse here.
Amongst things i'v tried:
- Removing pods to see if anything changes
- Looks for any abnormal styling getting injected with RN Debugger
- Adding a flexbox to each view (This kind of works, some elements get aligned properly. Some don't)So its like there is something being injected into every single component, just for iOS though.
Does anyone have any idea what could be causing this?
My next steps in to update to RN 0.60+