Блог

#react-native #google-pay #react-native-webview

#react-native #google-pay #react-native-webview

Вопрос:

Комментарии:

1. Пожалуйста, добавьте немного больше деталей. Вы хотите опубликовать сообщение, которое затем можно прочитать в контексте React Native? Вы хотите взаимодействовать с WebView? Если да, используйте postMessage, вы хотите получить HTML в виде строки в React Native? Чего вы пытаетесь достичь?

2. Мне нужно отобразить HTML-страницу с формой подтверждения, которая отправляется банком в ответ на мой запрос post. В этой форме пользователь должен ввести код подтверждения для подтверждения платежа

Ответ №1:

 <script>
  window.postMessage("Sending data from Web");
</script>  

 import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

export default class App extends Component {
  
    }

    render() {
        return (
          <WebView
             ref="webview"
             onMessage={this.onMessage}
          />
        );
    }

  onMessage(data) {
  
  alert(data);
}
}  

Комментарии:

1. Что означает data?

2. ответ из Интернета.

3. Итак, теперь мне нужно добавить исходный код с html к этому примеру, верно?

Ответ №2:

Комментарии:

1. Если это возможно, не могли бы вы привести небольшой пример, пожалуйста? Потому что я пробовал и всегда получал пустой белый экран.

2. Мой код выглядит следующим образом: return ( <View> <WebView originWhitelist={[‘*’]} source={{ html: htmlResponse}} domStorageEnabled={true} javaScriptEnabled={true} ignoreSslError={true} /> </View> ); }