簡體   English   中英

React Native AdjustsFontSizeToFit-與panResponder(ios)結合使用時表現奇怪

[英]React Native adjustsFontSizeToFit - behaving oddly when combined with panResponder (ios)

首先,我正在嘗試制作一個可調整大小的Text組件,該組件允許用戶通過拖動來調整高度/寬度。 調整大小按預期工作。 我的問題是自動調整fontSize以適合組件尺寸。

我正在使用adjustsFontSizeToFit道具,該道具有效,但並非沒有一些奇怪的行為。 本質上,隨着用戶的拖動和文本的增長/縮小,它有時會“隱藏”文本的最后一個字母。 如果進一步拖動,最后一個字母將再次出現。 如果不清楚,這里是問題的圖片...

起始位置: https//i.imgur.com/GuxJKBZ.png

第二名: https : //i.imgur.com/nf6Ncif.png

最終職位: https : //i.imgur.com/kjeKBJO.png

我一直在拼命地尋找答案並嘗試其他解決方案,但似乎沒有任何效果。 我不了解是什么原因引起的,但是盡我所能推測,似乎字體調整得不夠快,因此導致最后一個字母被裁剪。 我的想法是,一旦fontSize達到最大值,消失就不會發生。 但是,由於字體肯定有足夠的空間適合最后一個字母,因此不會出現此問題。

無論如何,將我的頭撞在牆上已經快一個星期了,所以我真的希望外面有人可以闡明這個問題。 我看到的唯一解決方法是編寫我自己的fontSize調整,但是考慮到React Native為此提供了支持,這似乎很荒謬。

任何幫助將不勝感激。

編輯...我忘了提到我已經找到一種解決方案來刪除消失的信件。 該解決方案是從樣式中刪除高度並將其替換為lineHeight。 但是,這產生了一個不同的問題,即fontSize不再根據組件的高度進行調整,這意味着字體有時會比組件大,從而導致字體被截斷。

我有一個類似的問題(盡管我沒有使用PanResponder),我只是在文本后面添加了幾個空格(   )。 這樣,React Native最終會剪切掉與文本相對的尾隨空白。

例如:

<Text>
  Foo
  &nbsp;&nbsp;&nbsp;
</Text>

應導致始終顯示“ Foo”的每個字符

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM