Я делаю приложение для реагирования, которое подключается к веб-сервису и возвращает мне JSON с HTML внутри.
Мне нужно отобразить этот HTML-код, и для этого я использую WebView. Проблема в том, что я хочу, чтобы мое HTML-изображение занимало всю ширину экрана.
let {response} = this.state;
let {width, height} = Dimensions.get('window');
if (Platform.OS === 'ios') {
return (
<WebView
style = {{width: width, backgroundColor: "red"}}
ref = {'webview'}
startInLoadingState
source = {{html: response}}
injectedJavaScript = {`meta name = "viewport" content = "initial-scale=1, maximum-scale=1;`}
/>
)
}
Это на моем iPhone 7 plus:



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Попробуйте использовать этот модуль npm:
react-native-htmlview
При этом использовании можно определять собственные стили.
добавить alignSelf: "stretch" к стилю предметов.