RN WebView Cannot Add a child that doesn’t have a YogaNode to a parent with out a measure function

最新推荐文章于 2025-06-02 09:02:42 发布

原创最新推荐文章于 2025-06-02 09:02:42 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ReactNative #前端

ReactNative 专栏收录该内容

5 篇文章

订阅专栏

本文提供了两种解决React Native中WebView组件出现错误的方法。第一种方案涉及检查并删除return方法内的所有注释；第二种方案建议若使用了WebView，则需确保没有被外层View包裹，以避免在Android平台上的显示问题。

这里写图片描述

解决方案1：

检查 return 方法内是否存在注释，如果有全部删除。

解决方案2：

如果使用了WebView，那么请删除外层的View视图，否则在Android上可能出现这种错误。

  render() {
    const { params } = this.props.navigation.state;
    const title = params ? params.title : null;
    const newsUrl = params ? params.url : null;

    return (
        <WebView
          style={{width:screenWidth,height:'100%'}}
          source={{uri:newsUrl}}
          startInLoadingState={true}
          domStorageEnabled={true}
          javaScriptEnabled={true}
          onError={(e)=> DetailsScreen._loadError.bind(this,e)}/>

    );
  }