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.

itemToString returns null on react native 0.48.3

See original GitHub issue
  • downshift version: 1.29.1
  • react native: 0.48.3
  • node version: 9.3.0
  • yarn version: 1.3.2

Relevant code or config

https://snack.expo.io/BkVnOwpOM

What you did: copied the sample code, and using it as a component.

What happened: initially errors occured due to missing key. add key to touchopacity in the component which fixed it (not sure if that is the best method)

simulator screen shot - iphone 7 - 2018-03-07 at 13 13 01

now i can search the cities with no problem but unfortunately the selection does not seem to work.

following the code it seems that itemToString is receiving a null variable. I dont understand why nor where i can start my search.

Reproduction repository: https://snack.expo.io/BkVnOwpOM

Issue Analytics

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

github_iconTop GitHub Comments

3reactions
eliperkinscommented, Mar 9, 2018

In both of these examples, neither ScrollView has keyboardShouldPersistTaps set. This means that the TextInput will have focus/first responder, and not allow for Touchables to be interacted with.

This worked with the map examples because no ScrollView was involved.

By adding keyboardShouldPersistTaps="handled" to your ScrollViews, you should be all set!

0reactions
wKovacs64commented, Mar 10, 2018

@shaksi Props are case-sensitive, it should be keyboardShouldPersistTaps

Read more comments on GitHub >

github_iconTop Results From Across the Web

React-Native unable to store state getting null - Stack Overflow
I'm new to React-native so if there is a misunderstanding please be super clear and treat me as if I have never seen...
Read more >
State - React Native
When setState is called, BlinkApp will re-render its Component. By calling setState within the Timer, the component will re-render every time ...
Read more >
How To Use Downshift in Common Dropdown Use Cases
itemToString : This function is used to determine the string value for the selected item which is used to compute the inputValue ....
Read more >
Fragments - React
A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding...
Read more >
React Stripe.js reference | Stripe Documentation
React Stripe.js is a thin wrapper around Stripe Elements. ... You can also pass in null or a Promise resolving to null if...
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