react-native webview不会出现

Question

react-native webview不会出现

出于某种原因,我的反应本机webview根本没有出现.我的文本字段后没有显示任何内容.这是我的代码

import React, { Component } from 'react';


import {
View,
Text,
WebView,

} from 'react-native';


export default class Home extends Component {

    render() {
        return (
        <View style={{flexDirection:'column'}}>
          <Text>Show webview</Text>
          <WebView source={{html:"<html><body style='color:red'>Hello<br/>This is a test</body></html>"}} style={{width:200,height:200,backgroundColor:'blue',marginTop:20}} />
        </View>
        );
  }
}

Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么？

Answer 1

Dan*_*Dan 9

添加flex: 1到您的<View />组件.

<View style={{flex: 1, flexDirection:'column'}}>
  <Text>Show webview</Text>
  <WebView source={{html:"<html><body style='color:red'>Hello<br/>This is a test</body></html>"}} style={{width:200,height:200,backgroundColor:'blue',marginTop:20}} />
</View>

Run Code Online (Sandbox Code Playgroud)

这是一个演示

归档时间：	8 年，1 月前
查看次数：	6381 次
最近记录：	6 年前