CODEWITHSUNDEEP
javascriptreact-nativetextinput
SoF
SoF

Reputation: 785

How do I vertically align text in text input at React Native?

I am new to React Native. Text in text input looks different on android and iOS. How do I vertically align text in text input?

My codes:

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


export default function Signup() {

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

Pictures:

enter image description here

Upvotes: 5

Views: 4804

Answers (1)

AndreyProgr
AndreyProgr

Reputation: 672

textAlignVertical is Android only.

Looks you problem may be solved with paddingBottom: <number>, or try setting lineHeight equal to fontSize.

Upvotes: 13

Related Questions