問題描述:
父元素flexDirection:row,子元素flex:1,子元素間有時會存在縫隙,而漏出背景色。如圖:

紅色縫隙為漏出的背景層
縫隙個數(shù)隨寬度變化不定。
造成縫隙的原因為:父元素/子元素個數(shù)不為整數(shù),導(dǎo)致像素不能平均分配,如圖中為子元素個數(shù)為7,父元素寬度為404,余數(shù)為5,故產(chǎn)生縫隙。
經(jīng)進(jìn)一步測試,當(dāng)余數(shù)為偶數(shù)時,不會產(chǎn)生縫隙。
解決方案:
在container組件上onLayout中監(jiān)聽width變化,當(dāng)((width%7)%2)不為0時,動態(tài)更改container的width+1。