React native 我的webview上面的组件没有出现在react native中

我想要渲染文本和webview，但是当我第一次转到导航时，webview上面的组件没有渲染。。如果我转到另一个页面并再次返回到包含webview的页面，则webview上方的组件将呈现。。。那是怎么回事

<ScrollView style={{flex: 1}}>
        {
          event.group &&
            <Image style={styles.image_thumb}
              source={{uri: event.group.key_photo.highres_link || 'https://www.unesale.com/ProductImages/Large/notfound.png'}}
            />
        }
        {
          event.name
          && 
            <Text style={{flex: 1}}>{event.name}</Text>
        }
        <Text style={{flex: 1}}>Detail</Text>
        {
          (event.description && event.group && event.name)
            ?  
              <MyWebView
                source={{html: event.description}}
                automaticallyAdjustContentInsets={false}
              />
            : 
              event.visibility !== 'public'
              ?
                <Text>Detail only visible to members</Text>
              :
                <Text>No description  yet</Text>
        }
</ScrollView>

{
事件组&&
}
{
event.name
&& 
{event.name}
}
细节
{
（event.description&&event.group&&event.name）
?  
: 
event.visibility！=“公共”
?
仅对成员可见的详细信息
:
还没有描述
}

这是第一次加载时的结果

当我转到另一页，又回到另一页时，它被渲染了