Google/Facebook sign in page looks like not mobile friendly

[ujeenator]

I'm testing on Nexus 5 screen and buttons on Facebook/Google sign in page are out of the screen, and you need to scroll horizontally to press them.

I'm sure there is a mobile friendly version of these pages, recently I have used "react-native-simple-auth" module, it opens same pages not in WebView, but in external browser app, and these pages perfectly fits screen width.

[ujeenator]

[jslok]

+1

[tinchogon34]

+1

[qispark]

Hey, I've made a pull request which I think fixes this - Facebook login is now showing up correctly on my Android device.

Could someone test this for the Google sign in page?

[bufke]

I didn't test Google but can confirm @qispark's PR helps a lot. It still has issues on changing orientation but that isn't related to the user agent string being set.

[jslok]

@qispark with your change the google sign in page shows the disallowed useragent page and doesn't allow login.

Changing line 112 to mWebView.getSettings().setUserAgentString("Mozilla/5.0 (Linux; Android 6.0.1; SM-G920V Build/MMB29K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.98 Mobile Safari/537.36"); seems to make both facebook and google mobile-friendly on my S6.

[ujeenator]

It looks like there no need to mess around with user agent

Web view already have it own user agent string

I have just commented line that changes webView's user agent and it works perfectly

node_modules/react-native-oauth/android/src/main/java/io/fullstack/oauth/OAuthManagerDialogFragment.java
112: // mWebView.getSettings().setUserAgentString("Mozilla/5.0 Google");

[iyogeshjoshi]

@ujeenator it seems in latest version on Android platform, you need to change user-agent in node_modules/react-native-oauth/android/src/main/java/io/fullstack/oauth/OAuthManagerDialogFragment.java 112: just like @jslok said. It seems to fix the problem.