react-native 記錄問題:當2個text並列顯示,第二個text 實際寬度出現超出了父元素寬度(RN0.59)

當2個text並列顯示,第二個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>

效果圖

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章