如何在 React Native 的文本输入中垂直对齐文本？

Posted 2023-04-18

【中文标题】如何在 React Native 的文本输入中垂直对齐文本？

【英文标题】：How do I vertically align text in text input at React Native?

【发布时间】：2022-01-04 02:19:41

【问题描述】：

我是 React Native 的新手。文本输入中的文本在 android 和 ios 上看起来不同。如何在文本输入中垂直对齐文本？

我的代码：

import React from "react"
import  TextInput  from "react-native"


export default function Signup() 

    return (
        <TextInput
            style= backgroundColor: 'red', height: 30, textAlignVertical: 'top' 
        />
    )

图片：

【问题讨论】：

试试 alignItems: 'top'

【参考方案1】：

textAlignVertical 仅适用于 Android。

看来您的问题可以通过paddingBottom: <number> 解决，或者尝试将lineHeight 设置为等于fontSize。

【讨论】：

paddingBottom 解决了我的问题。谢谢！