callstack / callstack/react-native-paper
[Android Only] Blurred TextInput's label is not aligned to top if textAlignTop='top' is set
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
### Current behaviour
The blurred TextInput's label is centered to the TextInput if height is set to eg. 200 and `textAlignTop` is set to `top`.
### Expected behaviour
The label should be aligned to the top of the TextInput
### How to reproduce?
``
### What have you tried so far?
I've tried using `contentStyle` props.
### Your Environment
| software | version
| --------------------- | -------
| ios | x
| android | 13
| react-native | 0.82.1
| react-native-paper | 5.14.5
| node | 22.11.0
| npm or yarn | x.x.x
| expo sdk | x.x.x
Contributor guide
Research direction
Start with the React Native Paper TextInput implementation and reproduce the provided multiline example on Android with a 200px height and textAlignTop set to top. The fix is complete when the blurred “Name” label is aligned to the top of the TextInput under those conditions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- Half a day
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 48/100