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:
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
Post a Comment