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一下以免遺忘