expo / create-react-native-app

Create React Native apps that run on iOS, Android, and web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

QR code won't scan

timurtu opened this issue · comments

After creating an app and running yarn start the QR code gives no feedback when scanning on my iPhone.

Did you install the Expo app?

Yeah I don't get any feedback when I scan the QR code with the Expo app

Hm not sure why that's happening. Can you upload a screenshot of the QR code? If you can't get it working you can type the url in manually - just go to the Explore tab in Expo and then type the url in the search bar.

Yeah I just tried that it loaded here's the screenshot.

screen shot 2017-03-13 at 10 24 50 pm

It looks like it might be a little squished horizontally. @dikaiosune do you think we can do anything about that?

Interesting! I suspect that the horizontal scaling isn't the actual problem (I've seen it work well on much more squished consoles), but rather the contrast between the dark and light elements is. IntelliJ/Webstorm's terminal appears to have interesting ideas about how to render bash color codes!

I'm not sure what we can do about this. It might be possible by changing the Webstorm color theme, the font, or by trying in a different terminal.

Using a terminal worked great

Glad to hear it!

Sorry, I'm going to leave this open as we need to at the very least document this issue.

Is there a way that the QR code can be generated into a PNG (or something similar)? So that it could be pasted into a GitHub repo or Gist so users can quickly open it within Expo.

While it's definitely possible from an implementation perspective, I'm not sure we want to add any more complexity to the startup scripts.

Generally if you want to share the app with someone they'll need to be on the same LAN and I'm mostly thinking that it's not unreasonable to expect them to be able to physically scan the phone.

Increased screen brightness, disabled redshift and maximised terminal worked for me!!

Nothing worked. Had to tap the search icon in Expo and enter the url to open my own react native app.

I had this issue, and it ended up being the slightly transparent terminal window I was using was distorted by the content behind it

Had the same issue. Re-installing the Expo app on my device, and restarting (clear cache) the packager did it. Relieved!

I had the sane issue and I tied the solutions above and still doesn't work

same as @hayanisaid here.

I experience this issue only when running in my IDE's terminal. If I switch and use iterm2 or OSX default terminal it works fine. It appears to be an issue with "squishing" the QR image's width.

It is really funny, but all you need to do just switch your ide theme on light :D

True, the dark theme in IDE makes the reverse of colors =)

image
yet another example of qr image that does not recognizable.

Another qr-scanner apps read code well

Of course it should be an expo problem, but any way, posted here. Solution for me to start app in simple windows cmd:

image

In WebStorm, Open Settings > Editor > Color Scheme Font, check Use color scheme font instead of the default and change Line height to 1.0.

Previous comment was right that WebStorm (and other JetBrains products) have strange interpretations on how to view this using their Run Tool.