Expo应用在<View>内放置<Text>组件无报错闪退问题求助

问题根因 #

你代码中的布局宽度溢出，是iOS端添加<Text>后无报错闪退的核心原因：

• 左侧宽度为screenWidth / 2的父容器内，嵌套的子View设置了width: screenWidth，子容器宽度超出父容器2倍，产生异常布局约束
• <Text>组件在iOS端渲染时需要计算文本绘制、换行的边界，当父容器宽度约束异常时会触发原生渲染层的断言失败，直接闪退，且不会抛出JS层错误；而View等其他组件宽度溢出时仅会被剪裁，不会触发崩溃，和你复现的现象完全吻合
• 下方三个卡片的父容器设置了左右各10px的margin，你手动计算的每个卡片宽度screenWidth /3 -20加margin后总宽度仍超出父容器可用宽度，进一步加剧了布局歧义

修复方案 #

1. 替换所有超过父容器宽度的固定宽度设置：将左侧父容器内部width: screenWidth的View样式修改为flex: 1，让其自适应父容器宽度
2. 优化三个卡片的宽度计算：移除每个卡片的固定width设置，新增flex: 1样式，弹性布局会自动平分父容器的可用宽度，避免手动计算导致的溢出
3. 全局排查所有width: screenWidth的配置，确认对应节点的父容器宽度确实等于屏幕宽度，避免其他位置出现同类布局异常

内容的提问来源于stack exchange，提问作者zack azha