Closed
Description
Description
Used a component to load a webpage for an iOS app. but upon propagating it I am getting:
Reproduction
Here is the code for it:
import React, {
Component,
} from 'react';
import {
StyleSheet,
View,
WebView,
} from 'react-native';
export default class Map extends Component {
componentDidMount() {
console.log('Map:: componentDidMount');
}
render() {
return (
<View
style={styles.container}
>
<WebView
source={{uri: 'http://google.com'}}
style={[{
position: 'absolute',
top: 0,
left: 0,
height: 500,
width: 100
}]}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
map: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
},
});
Solution
Provide explanation on how to resolve this and update the readme to explain how to fix this issue through your doc.
Additional Information
- React Native version: ^0.41.2
- Platform: iOS
- Operating System: Mac OS - 10.12.3