RN WebView莫名出现黑色边框的解决方案

问题

正常的WebView代码:


<WebView style={styles.webView}
                        automaticallyAdjustContentInsets={true}
                        onLoadEnd={this._webLoadOver}
                        onError={this._webLoadOver}
                        source={{uri:"" }}>

               </WebView>


webView:{

       width: width * 0.98,
       marginTop:8,
       backgroundColor:'white',
       marginBottom:isIphoneX ? 39 :5 ,

   }

但是结果不正常，莫名出现了黑线

结果

解决方案

给WebView一个透明的背景色即可解决问题:


webView:{

        width: width * 0.98,
        marginTop:8,
        backgroundColor:'rgba(255, 255, 255, 0.0)',
        marginBottom:isIphoneX ? 39 :5 ,

    }
结果
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容