陣營本土：如何將文本之間增加空間，並強調

我按照風格：陣營本土：如何將文本之間增加空間，並強調

const styles = StyleSheet.create({ 
    title: { 
     textDecorationLine: 'underline', 
     textDecorationStyle: 'solid', 
     textDecorationColor: '#000' 
    } 
});

，並創造了我的內容到一些文本組件下劃線。但似乎這個下劃線與它所裝飾的文本太接近了。

我可以在某些方面增加這個距離嗎？

謝謝你的幫忙！

來源

2017-06-21 Alex Belets

可能重複的[如何增加文本和CSS中下劃線之間的差距]（https://stackoverflow.com/questions/1734618/how-to-increase-the-gap-between-text-and-underlining- in-css） –

不是。這些都是關於反應原生的。 –

包裝你Text在View具有包含任何你想要的厚度爲borderBottomWidth: 1或樣式。
給你的Text一個lineHeight來調整邊框和內容之間的間距。如果您有多行文字，則使用paddingBottom也可以。

就這麼簡單。請記住，View邊框將延伸至包含View本身的任何填充。

來源

2017-06-21 15:24:11 G0dsquad

謝謝你的回答！ –

到目前爲止，這在React Native中是不可能的，因此它在Web應用程序（即Css）中也不受支持。

鏈接here

但有一個變通了這一點。

創建反應查看包裝在文本您要調整下劃線。然後添加borderBottomWidth查看並調整文本的下劃線距離paddingBottom。

const styles = StyleSheet.create({ 

    viewStyle : { 
     borderBottomWidth: 10, // whatever width you want of underline 
    } 
    title: { 
     paddingBottom: 4, // Adjust the distance from your text view. 
    } 
});

添加viewStyle您parentView。

希望有幫助！

來源

2017-06-21 15:21:07

陣營本土：如何將文本之間增加空間，並強調

回答

相關問題