React Native跨平台移动端应用字体、尺寸适配问题求助

各位好，我现在维护一个老的React Native跨平台项目，最近碰到了挺棘手的适配问题，想请大家帮忙出出主意。

我负责的这个项目是用来做跨平台移动端应用的，目前遇到的核心问题是宽度、高度和字体大小的设备适配——这些元素的显示效果会根据不同手机的屏幕尺寸，还有用户设置的系统字体大小出现不一致的情况。

之前我做了一个卡片式的UI组件，在自己的测试设备上（系统默认显示和字体设置）显示得很完美，布局规整，元素位置都对。但等应用发布后，不少用户反馈他们的设备上这个卡片完全乱了，尤其是那些把系统显示尺寸调大、或者设置了大字体的用户，卡片的排版彻底变形，和测试环境的效果差得特别多。

给大家简单对比下两种场景的效果：

• 用户设备（大显示尺寸设置）：卡片布局错乱，元素挤压/错位，视觉效果完全不符合设计预期
• 测试设备（默认系统设置）：卡片布局正常，所有元素排版、大小都和设计稿一致

项目依赖版本如下：

"react": "18.2.0",
"react-native": "0.71.6",

因为是老项目，不想引入太复杂的新依赖或者做大的架构改动，有没有适合这种场景的适配方案呀？麻烦各位大佬支支招！

备注：内容来源于stack exchange，提问作者DURAIMURUGAN G