callstack / callstack/react-native-paper
TextInput component's right prop should accept any React.ReactNode content
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
**Is your feature request related to a problem? Please describe.**
I want to be able to show an `ActivityIndicator` as the `right` prop for the `TextInput` to show loading states.
**Describe the solution you'd like**
The `TextInput` component's `right` prop should accept any `React.ReactNode` content and render it on the right side of the input.
**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.
**Additional context**
This is what I would expect the final result to look like

react-native: 0.65.1
react-native-paper: 4.9.2
react-native-vector-icons: 8.1.0
repro: [snack example](https://snack.expo.dev/q_-DRFxH_)
Contributor guide
Research direction
Start at the TextInput component's `right` prop and use the linked Snack example to reproduce the requested loading-state case. Confirm that an ActivityIndicator can be supplied as `right` and appears on the input's right side; the payload does not name a source file or test to run.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100