I'm developing a personal project to experiment with TypeScript, React Native and styled-components, in which I have a layout that is supposed to look like this:
But I'm kinda struggling to align the two lines of text together with Flexbox. Below is the current outcome of my attempts:
After isolating the code on an Expo Snack project to post here and ask for help, everything started behaving as expected. But my style sheets are exaclty the same both on my local machine and on Snack, which leads me to think I'm running into some inheritance problem or a TypeScript/Babel transpilation issue that I'm not aware of.
All I did on Snack was remove the wrapper components created via react-navigation/stacks createStackNavigator() that went around my application routes. Now I'm not sure if the problem is in the transpilation step, or in my actual code. Can someone help me diagnose this problem?
