Когда я пытаюсь загрузить https-страницу в ответ на собственный веб-просмотр, она показывает пустую страницу. Я пытался загрузить http, это нормально работает. но мне нужно https для моего приложения. Пожалуйста, помогите мне решить эту проблему.
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
import { WebView } from 'react-native';
export default class App extends Component<{}> {
render() {
return (
<WebView
source={{uri: 'https://192.168.0.80/jsxc'}} style={{marginTop: 20}}
mediaPlaybackRequiresUserAction={true}
domStorageEnabled={true}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
Когда я пытаюсь загрузить веб-страницу https в ответ на собственный веб-просмотр, она показывает пустую страницу.
Используйте uri вместо url.
... source = {{uri: this.state.url}}...
вы можете попробовать реализовать простой компонент webView, как показано ниже:
render(){
return (<WebView
source={{uri: 'https://github.com/facebook/react-native'}}
style={{marginTop: 20}}
/>
)}
Если это видно, может возникнуть проблема с безопасностью транспорта в IOS.
Но это будет хорошо работать в Android.