美文网首页
RN WebView 简单的使用

RN WebView 简单的使用

作者: 木子才 | 来源:发表于2018-01-03 23:55 被阅读0次
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  WebView
} from 'react-native';

var DEFAULT_URL = 'http://www.baidu.com';

export default class App extends Component<{}> {
  render() {
    return (
      <View style={{flex:1}}>
        <Text style={{height:40}}>简单的网页显示</Text>
        <WebView style={styles.webview_style} 
          source={{uri: DEFAULT_URL}}
          startInLoadingState={true}
          domStorageEnabled={true}
          javaScriptEnabled={true}
          >
        </WebView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
    webview_style:{  
       backgroundColor:'#00ff00',   
    }
});

相关文章

网友评论

      本文标题:RN WebView 简单的使用

      本文链接:https://www.haomeiwen.com/subject/qjdlnxtx.html