React Native-12.React Native WebView组件详解
发布时间:2020-12-15 04:39:41 所属栏目:百科 来源:网络整理
导读:WebView组件简介 目前的WebView支持的属性如下: automaticallyAdjustContentInsets: 表示是否自动调整内部内容,其值为 true 或者 false 。 bounces: 回弹效果。如果其值为 false ,则内容拉到底部或者头部不回弹。其值默认为 true 。 contentInset: 内部
WebView组件简介目前的WebView支持的属性如下:
加载网页效果如下:代码如下: <TabBarIOS.Item title = "动态" icon = {require('image!hearts')} onPress = {this.select.bind(this,'star')} selected = {this.state.tab === 'star'}> <View style = {styles.flex}> <WebView contentInset = {{left:-10,top:-28}} scrollEnabled = {false} html = '<div><img src="http://ww3.sinaimg.cn/bmiddle/92220d38gw1f15lo8jn7mj20bp0an3ze.jpg"/></div> style = {{width: width,height : height}} > </WebView> </View> </TabBarIOS.Item>
加载自写HTML代码效果如下:代码如下:<TabBarIOS.Item title = "动态" icon = {require('image!hearts')} onPress = {this.select.bind(this,'star')} selected = {this.state.tab === 'star'}> <View style = {styles.flex}> <WebView injectedJavaSript = "alert('webView 测试')" bounces = {true} url = "http://weibo.com/imwangxuesen" style = {{width: width,height : height}} > </WebView> </View> </TabBarIOS.Item>
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |