RN Text 組件遇到中文字符換行排版異常

RN開發時遇到一個很奇怪的bug,Text組件換行的時候始終不會填滿寬度再換行,試過了Text組件的所有API都不生效,搜索的時候看到這個文章 這裏

Android的TextView在顯示文字的時候,如果有段中文有英文,有中文,有中文標點符號,你會發現,當要換行的時候遇到中文標點,
這一行就會空出很多空格出來。原因是:
1) TextView在顯示中文的時候 標點符號不能顯示在一行的行首和行尾,如果一個標點符號剛好在一行的行尾,該標點符號就會連同前一個字符跳到下一行顯示;
2)一個英文單詞不能被顯示在兩行中( TextView在顯示英文時,標點符號是可以放在行尾的,但英文單詞也不能分開 );
3)全角和半角的問題,漢字無論全角還是半角都是佔2個字節,英文和符號在半角是佔一個字節,全角是佔兩個字節

我想這個文本是服務器取回來的,文本後面有中文句號,是不是中文標點的問題呢,於是嘗試在標籤後加入{"\t"}

<Text style={{ textAlign:"left",paddingLeft:10,paddingRight:10 , width:width,backgroundColor: "white",flex:1, marginTop: 2, fontSize: 12, justifyContent:"center",alignItems: "center",  color: "#f34e56" }}>{this.state.content_date} {this.state.content_new}{"\t"}</Text>

成功了
mark一下以免遺忘

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