react native中基于webview的腾讯图形验证码

最新推荐文章于 2024-08-24 07:34:21 发布

KeYiTangPing

最新推荐文章于 2024-08-24 07:34:21 发布

阅读量761

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react-native 文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/qq_37117408/article/details/139777410

react native中基于webview的腾讯图形验证码

- 效果实例图
- 第三方库

腾讯验证码

效果实例图

在这里插入图片描述

第三方库

npm i react-native-webview

react-native-webview

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

const TestWebViewCode = () => {
    const [params, setParams] = useState(null);

    const handleMessage = event => {
        const data = JSON.parse(event.nativeEvent.data);
        // 处理从WebView发送过来的消息
        console.log('[]', data);
        // 在这里可以处理JavaScript回调函数返回的值

        setParams(() => data?.randstr)
    };

    useEffect(() => {
        return