如何在React Native中爲TextInput設置lineHeight風格？

文檔說我可以對TextInput使用與TextIn相同的樣式。雖然設置ie。 lineHeight on Text具有適當的效果，對於TextInput這樣做是行不通的。如何在React Native中爲TextInput設置lineHeight風格？

雖然沒有錯誤，但如果我使用了無效的樣式屬性，應該顯示該錯誤。

我很喜歡這個解決方法，即使它需要一些Obj-C。

來源

2015-12-26 mikollo

我沒有爲你工作，但我確實爲你創建的問題添加了一些細節。 https://github.com/facebook/react-native/issues/4977 –

我不確定這是否會被修復爲18.0-rc或15.0-rc，但看起來像Nick Lockwood修復了這個問題：06a44a31。訣竅是在<TextInput>元素的內部嵌套一個<Text>元素。

<TextInput 
    multiline={true} 
    style={styles.multiline} 
    onChangeText={(text) => { 
     this.setState({text}); 
    }} 
    > 
    <Text>{parts}</Text> 
    </TextInput>

來源

2016-01-16 03:38:53

這是正確的解決方案，但它意味着其他錯誤，例如，當您快速寫入並且佔位符的行高不可能是滯後和字母錯位調整後，看起來很糟糕。（現在我的個人解決方案是字體與定製的線高度，很容易與Font Forge完成） – mikollo

有用的信息。您應該在github提交和上面的問題中分享您的觀察結果。 –

如何在React Native中爲TextInput設置lineHeight風格？

回答

相關問題