當2個text並列顯示,第二個text 實際寬度出現超出了父元素寬度
<View style={style.honorContainer}>
<Text style={style.honorText}>主要課程:</Text>
<Text style={[style.honorText,style.honorTextContent]}>{item.majorCourse}</Text>
</View>
解決方案:
只有一個text包含所有的文本
修改後代碼
<View style={style.honorContainer}>
<Text style={style.honorText}>主要課程:{item.majorCourse}</Text>
</View>
效果圖