RN 去掉Text元件文字的內邊距

2022-06-01 13:24:13 字數 909 閱讀 6799

1. 我在寫適配的時候,發現網上寫的文章,都不管用,我開始懷疑肯定自己這齣了問題,後面發現,不寫適配應該可以。那麼寫出來的效果跟ui設計圖不一樣是為什麼呢,我給了乙個文字背景顏色,發現上下有大塊留白,我雖然在學校學過android,做過android的小demo,可是如果不把作品當商品去做,就很難發現細節有問題。 下面就是效果

嘗試解決,rn 的text屬性中有includefontpadding 屬性設定為false , 效果嘛,確實消除了一部分,但上下內邊距還是有剩餘。下面是效果圖

解釋為什麼有「剩餘內邊距」:先上一張圖

上圖中top 和 bottom之間的高度就是文字預設高度,當設定includefontpadding:false時,只是去掉了,top與ascent 和 bottom與descent之間的距離,剩餘部分就是讓人難受的地方了,參考原生android方法,別人都是自定義裝文字元件,我目前解決不了

=》自定義元件我不行,那就想其它損招唄

考慮到字型大小不同,也會有大小不一樣的「空白部分」,所以如果確定字型大小,通過設定margintop的負值,將留白部分「抵消掉」,我只能這麼幹

參考部落格:

(啟艦大佬)

rich text 副文字元件 text文字元件

rich text 副文字元件 要知道我們小程式常用的標籤是view 但是我們想使用div span h1 i 標籤等等,這種帶特性的標籤,怎麼辦的,我們就可以使用我們的 rich text元件 rich text元件的屬性 nodes 型別 array物件 節點列表 因為他是物件所以他的屬性 na...

常用的物件 Text文字

text 文字 wordwrap屬性 允許自動換行,如果不夠寬度的話 物件中的所有文字都可以旋轉到0.360度範圍內的任何角度 text 文字一些常用屬性 brushstyle 物件填充的型別 charspacing 在字元之間進行拼寫,以畫素為單位 gapx,gapy 左邊和上邊的文字縮排,以畫素...

Android 常見的幾種元件獲取text方法。

常見的幾種元件獲取text方法。首先給各元件設定唯一的標識id,然後在oncreate方法中獲取元件物件,再通過對應方法獲取元件的text。注 為方便理解,這裡我所有的元件的id都設為name 1 獲取textview元件的text 根據id獲取textview物件 textview textvie...