Твиттер встраивает в реагирующий нативный язык, не принимая никаких пользовательских стилей и не получая ширину 100%
if (node.name == "twitter") {
let JS = '<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>';
let source = JS + '<blockquote style="width: 100% !important; float: left; display: inline-block; backgroundColor: red;" class="twitter-tweet tw-align-center" lang="en"><a style="width: 100% !important; float: left; display: inline-block; backgroundColor: red;" data-width="500" data-height="1000" href="https://twitter.com/anyuser/status/' + node.children[0].data + '"></a></blockquote>';
return (
<View style={{ width: vw * 1, height: vh * 0.9, alignItems: 'stretch', justifyContent: 'flex-end' }}>
<WebView
style={[styles, { flex: 1, alignItems: 'stretch' }]}
source={{ html: source, baseUrl: 'https://twitter.com'}}
javaScriptEnabled={true}
/>
</View>
);
}
Проверьте изображение для получения дополнительных разъяснений показывает проблему ширины щебета