TextInput component's right prop should accept any React.ReactNode content
See original GitHub issueIs 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
Issue Analytics
- State:
- Created 2 years ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
How to pass a React component as prop with TypeScript
Use React.ReactNode to accept everything. ... React.ReactNode is the best choice because it returns set of all possible return values of a ...
Read more >Refs and the DOM - React
Refs provide a way to access DOM nodes or React elements created in the render method. In the typical React dataflow, props are...
Read more >This JSX tag's 'children' prop expects a single child of type ...
I am getting error: This JSX tag's 'children' prop expects a single child of type 'Element | undefined', but multiple children were provided....
Read more >Input Components - React-admin - Marmelab
Each input component also accepts all react-final-form FieldProps, including: ... Values specified for those properties will be translated by react-admin.
Read more >TextInput · React Native Paper
A component to allow users to input text. ... or TextInputFlat based on that props. left. Type: React.ReactNode. right. Type: React.ReactNode. disabled.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@shujathkhan yes it is. You can find the docs here: https://callstack.github.io/react-native-paper/text-input-icon.html
@brunohkbx @daileytj If this issue is still available for grabs, I would like to contribute to it.