react-native(리액트 네이티브) component -WebView
import React, { Component } from 'react';
import { WebView, StyleSheet } from 'react-native';
export default class MyInlineWeb extends Component {
render() {
return (
<WebView
source={{uri: 'https://github.com/facebook/react-native'}}
style={{marginTop: 20}}
style={styles.Wview}
/>
);
}
}
const styles=StyleSheet.create({
Wview: {
width: 400, //height 는 조절이 안 됨.
},
})
// Minimal example with inline HTML:
// import React, { Component } from 'react';
// import { WebView } from 'react-native';
// class MyInlineWeb extends Component {
// render() {
// return (
// <WebView
// originWhitelist={['*']}
// source={{ html: '<h1>Hello world</h1>' }}
// />
// );
// }
// }
'프로그래밍(Programming) > 리액트 네이티브(React Native)' 카테고리의 다른 글
react-native(리액트 네이티브) API - AppState (0) | 2019.01.07 |
---|---|
react-native(리액트 네이티브) API - Alert (0) | 2019.01.07 |
react-native(리액트 네이티브) component - ViewPagerAndroid (0) | 2019.01.07 |
react-native(리액트 네이티브) component - View (0) | 2019.01.07 |
react-native(리액트 네이티브) component - Touchable (0) | 2019.01.07 |