React原生web视图来保存和加载用户名和密码

Question

我正在使用React Native创建一个android应用程序。我正在使用web视图加载网站，该网站有一个登录页面输入用户名和密码，我们能够从登录页面登录到网站。是否可以将用户名和密码的详细信息保存在网页上或其他地方?以便用户下次进入登录页面时，可以在页面上看到用户名和密码的详细信息，用户只需点击登录按钮即可登录网站。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { WebView } from 'react-native-webview';
export default class Accountscreen extends Component {
render() {
return (<WebView source={{ uri: '<site_url>/login'}} style={{ marginTop: 24 }} />);
}
}

提前感谢。

Answer 1

你可以在WebView和你的rect应用程序之间通信https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#communicating-between-js-and-native

例如，当用户第一次登录时，您可以使用window.ReactNativeWebView.postMessage从您的网站发送此数据到RN端并保存它。

下次当你打开这个页面并有登录数据时，你可以用injectedJavaScript注入JS到你的页面