React Native多行，值，小于TextInput组件中的占位符

Question

将文本添加到<TextInput>组件中，multiline设置为false value文本与placeholder文本字体大小匹配，而{{1}等于multiline，true文本字体大小小于value字体大小。

这是正常行为还是错误？

编辑：

placeholder

Answer 1

据我所知，多行和非多行TextInput - s的默认字体大小实际上是不同的。处理此问题的一种方法是引入另一个在TextInput：

之上作为抽象的组件

＆＃13;

＆＃13;

const styles = StyleSheet.create({
    text: {
        fontFamily: 'System',
        fontStyle: 'normal',
        fontSize: 20,
        lineHeight: 20,
        letterSpacing: 0.6
    }
})

export default class AppTextInput extends Component {
    static propTypes = {
        style: TextInput.propTypes.style
    }

    static defaultProps = {
        style: {}
    }

    render() {
        return (
            <TextInput
                {...this.props}
                style={[
                    styles.text,
                    this.props.style
                ]}
            />
        )
    }
}

＆＃13;

＆＃13;

＆＃13;

现在您可以像AppTextInput一样使用TextInput，并且所有与样式输入相关的问题都会在一个地方内完成。