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.

Docs for TextInput don't say what styles it can take, incorrectly hint that they can handle all Text styles

See original GitHub issue

According to the docs for TextInput it supports the same styling options as Text. In testing this at the bare minimum all of the shadow and line decoration options aren’t supported.

This can be seen in this playground: https://rnplay.org/apps/sdqbqw If the Text element is replaced with a TextInput element with the same style the shadow is lost.

I can imagine that the native text input element isn’t conducive to supporting shadows, which is why this is happening.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:6
  • Comments:19 (9 by maintainers)

github_iconTop GitHub Comments

5reactions
ajostergaardcommented, May 25, 2017

Given that the docs still don’t actually say which styles will actually work don’t you think closing the issue is premature?

4reactions
marcindcommented, Oct 12, 2017

Hi, this is still not resolved: http://facebook.github.io/react-native/releases/0.50/docs/textinput.html Please reopen and throw together a simple bullet point list of what is supported.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to align text input correctly in react native? - Stack Overflow
I have found the solution that in Android, TextInput style ... The problem you'll have is that multiline TextInput aren't working correctly yet, ......
Read more >
<input type="text"> - HTML: HyperText Markup Language | MDN
The value attribute is a string that contains the current value of the text entered into the text field. You can retrieve this...
Read more >
TextInput - React Native
A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto- ...
Read more >
Improve accessibility with heading styles - Microsoft Support
Learn how to use styles for headings to make your documents easier to navigate. To add a heading style. Type the text you...
Read more >
lightning-input - documentation - Salesforce Developers
You can define an action for input events like blur , focus , and change . ... Use SLDS styling hooks to customize...
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