WebView doesn't support width: 100% and alignSelf: stretch

[sesm]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.11.3
Yarn: 1.7.0
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.3.2 => 16.3.2
react-native: 0.55.4 => 0.55.4

Also reproducible on latest version of react-native on Expo.

Description

WebView doesn't support width: 100% and alignSelf: stretch. The only way to horizontally stretch a WebView is to set explicit width.

Reproducible Demo

https://snack.expo.io/rk8HNfLSQ
In this example width: 100% and alignSelf: stretch work perfectly well on View but don't work on WebView.

[sesm]

This is what happened to all previous issues: this problem is so easily reproducible, that noone bothered to post react-native info. Then the bot put No Environment Info label, nobody bothered to look at the issue, then it got closed down due to inactivity.

[sesm]

I wonder, how ticket can have No environment info and Old version at the same time, when version is determined from environment info?

[hramos]

Removing both labels, as WebView has intentionally not being updated in recent releases, save for one security-related issue in 0.56. The component is not actively updated, and we are proposing it be removed from the core library. You can follow react-native-community/discussions-and-proposals#3 for updates.

In the meantime, the issue shall remain open as whoever takes over the component will also inherit all open WebView issues.

[react-native-bot]

Can you reproduce the issue on the latest release, v0.56?

[sesm]

@hramos thanks for clarification!

[jamonholmgren]

Migrated to react-native-webview/react-native-webview#27 and can be closed here.