Fintoc 反应原生
使用 Fintoc 部件 在您作为视图的本地应用程序中.
安装
用 npm 安装 ! (或您最喜欢的软件包管理器)
# Using npm
npm install @fintoc/fintoc-react-native
# Using yarn
yarn add @fintoc/fintoc-react-native
使用量
Fintoc React Native 输出一个称为 FintocWidgetView。这是一个 React 原生组件,它从 本地 WebView 文档。要使用 Fintoc 视图,请使用以下 片断数字 :
import { FintocWidgetView } from '@fintoc/fintoc-react-native';
获取后 FintocWidgetView 组件,您可以立即切换部件 :
const options = { ... };
const onSuccess = () => {
console.log('SUCCESS');
};
const onExit = () => {
console.log('EXIT');
};
export default function FintocWidgetScreen() {
return (
<FintocWidgetView
options={options}
onSuccess={onSuccess}
onExit={onExit}
/>
);
}
这里, options 与部件收到的参数对应对象( 您可以读取更多关于这些参数的内容) 这里),以及 onSuccess 财务报告和审定财务报表 onExit 对应详细WebView重定向 这里。 。 。 .
注意到 关闭 Fintoc 视图 必须卸载。这是因为如果 Fintoc 视图没有重新打开,部件不会重新打开,所以我建议将组件卸载在 onClose 方法.
类型脚本支持
这个包包括了Fintoc视图的TypeScript声明.
发展中国家
要开发软件包, 您需要使用 npm。安装依赖:
npm install
为了在当地测试,我建议把应用程序包装起来。 记得先建库:
npm run build
npm pack
这将创建一个 fintoc-fintoc-react-native-1.3.1.tgz 文件(带有相应的软件包版本)。 现在,去另一个目录 并创建一个反应原生应用程序(使用 Expo,也许). 在创建新应用程序后,在它的属性中添加以下 package.json 文件 :
{
"dependencies": {
...,
"@fintoc/fintoc-react-native": "file:./path/to/fintoc-fintoc-react-native-0.3.1.tgz",
...
}
}
何处 ./path/to/fintoc-fintoc-react-native-0.3.1.tgz 对应于通往 .tgz 创建于 npm pack 步骤。 运行后 npm install 在新的 React 原生应用程序上, 您应该能够使用 Fintoc React 原生软件导入 Fintoc 视图 .
如果你想创建一个新的 释放,您可以运行:
git switch main
npm run bump! <major|minor|patch>
这将创建一个新的分支, 其更新版本来自 main。 。 。 .
鸣谢
此项实施工作系以下列各方的投入和经验为基础编制: @mariluisaclaro (英语) 使用React Introduct整合了WebView,这为这个库的一般理念提供了一个很好的起点.