youtube - Constricting WebView in React Native to certain part of page -


i attempting constrict webview of youtube urls show video (and not rest of youtube page). how do this? have figured out of props of webview gain deeper understanding of following props:

automaticallyadjustcontentinsets bool   contentinset {top: number, left: number, bottom: number, right: number}  

here have far:

enter image description here

of course, don't want see youtube search tab - , change dimensions of webview so. how can better done? here code custom component of each video 'card':

<touchablehighlight            style={styles.touchcard}           underlaycolor={'transparent'}           onpress={this.props.onpress} >            <view style={styles.card}>             <webview                 scrollenabled={false}                 style={styles.videopreview}                 url={this.props.source}                 renderloading={this.renderloading}                 rendererror={this.rendererror}                 automaticallyadjustcontentinsets={false} />               <view style={[styles.container, this.border('organge')]}>                   <view style={[styles.header, this.border('blue')]}>                       <text style={[styles.previewtext]}>{this.props.text}</text>                   </view>                   <view style={[styles.footer, this.border('white')]}>                     <view style={styles.sourcerow}>                       <view style={[this.border('white')]}>                         <imagebutton                             style={[styles.logobtn, , this.border('red'), styles.row]}                             resizemode={'contain'}                             onpress={this.onheartpress}                             source={this.props.src} />                       </view>                       <view style={[this.border('white')]}>                           <text style={[styles.rowtext, {fontweight: 'bold'}]}>{this.props.entrybrand}</text>                           <text style={[styles.rowtext]}>{this.props.posttime}</text>                       </view>                     </view>                     <view style={[styles.heartrow, this.border('black')]}>                       <keywordbox                            style={[styles.category, this.border('blue')]}                           key={this.props.key}                            text={this.props.category}                            onpress={this.props.categorypress}                           selected={this.props.selected} />                     </view>                   </view>               </view>             </view>         </touchablehighlight> 


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -