React Native WebView:显示不适合移动设备的网站的问题

时间:2016-08-11 15:48:43

标签: android webview react-native

我正在使用这个简单的应用

var WebViewTest = React.createClass({
  render:function() {
    console.log(this.refs)
    return (
      <View style={{flex:1}}>
          <WebView
            scalesPageToFit={false}
            ref='webView'
            source={{uri: 'http://company_website.com'}}
          />
        <View
          style={{justifyContent:'space-between',flexDirection:'row',alignSelf:'flex-end',marginBottom:0}}>
            <TouchableHighlight style={{flex:1, alignItems:'center'}} onPress={this.navigateBack}>
              <Text>back</Text>
            </TouchableHighlight>
            <TouchableHighlight style={{flex:1, alignItems:'center'}} onPress={this.navigateForward}>
              <Text>forward</Text>
            </TouchableHighlight>
          </View>
      </View>
    );
  },
  navigateBack:function(){
    this.refs.webView.goBack()
  },
  navigateForward:function(){
    this.refs.webView.goForward()
  },
})

我希望它能像Chrome一样显示网站

chrome rendering

但是webview只显示了这个

my rendering

我尝试渲染的网站尚未针对手机制作。

为什么WebView以不同的方式呈现网站?如何让它表现出来?

0 个答案:

没有答案