callstack / callstack/react-native-paper

Text Input label position

Open
#4,448 5 comments 0 reactions 0 assignees View on GitHub
question
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Is it possible to label change position of text input label?

I am trying to set spacing between my input fields. When I use the label, the default height increases automatically, and the gap between fields is also affected by it. As you can see, the email label increases the label height, which creates spacing inconsistencies between components. Is there a way to exclude the extra height of the label and also add a label prop to the input field?
![WhatsApp Image 2024-07-09 at 13 13 06](https://github.com/callstack/react-native-paper/assets/92088301/371f777d-b72c-489f-877b-f32ba2e11131)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the Text Input label and spacing behavior described in the issue, including the email-label example. Inspect the Text Input entry point and its label-related documentation or tests, then define the desired label positioning and consistent field height before implementing and validating the change.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.