expo / create-react-native-app

Create React Native apps that run on iOS, Android, and web
BSD 3-Clause "New" or "Revised" License
13.26k stars 1.35k forks source link

QR code won't scan #49

Closed timurtu closed 7 years ago

timurtu commented 7 years ago

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

jesseruder commented 7 years ago

Did you install the Expo app?

timurtu commented 7 years ago

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

jesseruder commented 7 years ago

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.

timurtu commented 7 years ago

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

screen shot 2017-03-13 at 10 24 50 pm
jesseruder commented 7 years ago

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

anp commented 7 years ago

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.

timurtu commented 7 years ago

Using a terminal worked great

anp commented 7 years ago

Glad to hear it!

anp commented 7 years ago

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

tmhn commented 7 years ago

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.

anp commented 7 years ago

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.

bhaskars2904 commented 6 years ago

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

freemant2000 commented 6 years ago

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

brentoboy commented 6 years ago

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

SirPhemmiey commented 6 years ago

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

hayanisaid commented 6 years ago

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

samnet commented 6 years ago

same as @hayanisaid here.

crobinson42 commented 6 years ago

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.

just0110 commented 6 years ago

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

SmelayaPanda commented 6 years ago

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

avin commented 6 years ago

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

stiwdiosddraig commented 1 year ago

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.

aliwaqar981 commented 4 months ago

Hi guys, I'm getting this same issue. As above mentioned I tried changing themes to light and dark but still nothing. I have tried testing both on android and ios.

Behaviour

Android:

Nothing showing up after scanning the QR code

IOS:

Getting message "no usable data found" and then nothing showing up.

Environment

Expo ( ~48.0.21 ) react native (0.71.14)

Screenshot

Screenshot 2024-07-12 at 8 54 07 PM