首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React Native中的Web视图未呈现

React Native中的Web视图未呈现
EN

Stack Overflow用户
提问于 2020-05-03 15:51:40
回答 1查看 39关注 0票数 0

我有一个没有被渲染的web视图组件。webview来自react-native-webview。这是我的webview组件:

代码语言:javascript
运行
复制
<View style={{ flex: 1 }}>
<Text>hello</Text>
          <WebView 
              source={{
                  uri: 'https://www.google.com'
              }}
              style={{ flex: 1 }}
          />
<Text>hello</Text>
      </View>

这两个hello都被渲染了,但是webview没有,还有webview组件被渲染的地方,其他组件也在那里,但是有display:none。感谢任何帮助!

EN

回答 1

Stack Overflow用户

发布于 2020-05-03 16:41:07

我试过你的代码,它工作得很好:

检查以下内容:

代码语言:javascript
运行
复制
import React from 'react'
import { View, Text} from 'react-native'
import {WebView} from 'react-native-webview';
class App extends React.Component {
render(){
    return (
        <View style={{ flex: 1 }}>
        <Text>hello</Text>
                  <WebView 
                      source={{
                          uri: 'https://www.google.com'
                      }}
                      style={{ flex: 1 }}
                  />
        <Text>hello</Text>
              </View>
            );
}

};

export default App;

希望这能有所帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61571228

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档