Estoy trabajando en un proyecto que permite a los usuarios pagar artículos a través de tarjetas virtuales generadas. Se basa en React Native y utiliza WebView para permitir la navegación en la aplicación de tiendas en línea. Dado que no hay una integración nativa con las tiendas, quería comprobar cómo podía inyectar los detalles de la tarjeta virtual en el formulario de pago mediante algo como hacer clic en un botón. La pregunta de seguimiento sería si dichos campos de formulario tienen identificaciones similares en todo el espectro de la tienda en línea, lo que, de no ser así, debe manejarse (avíseme si necesito inspeccionar cada página web para el nombre de identificación en tal caso como estoy bastante nuevo). Adjunto una captura de pantalla de ejemplo de una página de pago en la que quiero probar esto. Si es posible, proporcione un ejemplo usando la siguiente plantilla (un ejemplo que encontré para cambiar el color de fondo del sitio web):

 const jsCode = `document.querySelector('.HeaderHero').style.backgroundColor = 'purple';`; return ( <View style={styles.container}> <WebView ref={ref => { this.webview = ref; }} source={{ uri: this.state.webViewUrl }} originWhitelist={['*']} javaScriptEnabledAndroid={true} injectedJavaScript={jsCode} /> </View> );