title: twitter embed size showing small in react native not accepting any styling
body: <p>twitter embed in react native not accepting any custom styling and not getting 100% width</p>
  
  <pre><code>if (node.name == "twitter") {
          let JS = '&lt;script type="text/javascript" src="https://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;';
  
          let source = JS + '&lt;blockquote style="width: 100% !important; float: left; display: inline-block; backgroundColor: red;" class="twitter-tweet tw-align-center" lang="en"&gt;&lt;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 + '"&gt;&lt;/a&gt;&lt;/blockquote&gt;';
  
          return (
  
              &lt;View style={{ width: vw * 1, height: vh * 0.9, alignItems: 'stretch', justifyContent: 'flex-end' }}&gt;
                  &lt;WebView
                      style={[styles, { flex: 1, alignItems: 'stretch' }]}
                      source={{ html: source, baseUrl: 'https://twitter.com'}}
                      javaScriptEnabled={true}
                  /&gt;
  
              &lt;/View&gt;
  
          );
  
      }
  </code></pre>
  
  <p>Check image for more clarification
  <a href="https://i.stack.imgur.com/ikk3L.jpg" rel="nofollow noreferrer">showing twitter width problem</a></p>