1. 程式人生 > >react native Text 只顯示幾個字,超出顯示省略號

react native Text 只顯示幾個字,超出顯示省略號

這個需求的實現很神奇,Text自己有一個屬性 numberOfLines ,可以控制超出幾行會顯示省略號,但是這個屬性不滿足專案需求,只能自己造一個,雖然有點low的感覺,但是好歹實現了。

<Text>
  {title ? (title.length > 5 ? title.substr(0, 5) + "..." : title) : ""}
</Text>

title是定義在state裡的。