如何在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风格？

回答

相关问题