question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TextInput component's right prop should accept any React.ReactNode content

See original GitHub issue

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 Screen Shot 2021-08-20 at 8 44 39 AM

react-native: 0.65.1 react-native-paper: 4.9.2 react-native-vector-icons: 8.1.0

repro: snack example

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
brunohkbxcommented, Oct 1, 2021
1reaction
shujathkhancommented, Oct 1, 2021

@brunohkbx @daileytj If this issue is still available for grabs, I would like to contribute to it.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found