问题标签 [ionic-react]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - InAppBrowser 未在 Ionic React App 中打开
我无法使用电容器的浏览器插件,因为我需要在 InAppBrowser 中执行几行代码。
根据 Ionic Docs,它说他们支持 Cordova 插件,但这并没有做任何事情。
我是 Ionic 的新手,我错过了什么吗?
javascript - 如何覆盖 IonBackButton 的 onclick 行为
如何覆盖 onclick 的行为IonBackButton
?我能够添加自己的侦听器,但我不知道如何阻止默认侦听器触发。如果他们有未保存的数据,我计划警告用户。
ionic-framework - 从 IonCard 路由到 iframe 网页
我目前有这样的 IonCard 设置:
我试图让 /2 位被识别为页面的 ID/link/
此页面仅加载到 iframe 中,我需要将 ID 附加到该 iframe 的 src 的末尾。
link
页面如下所示:
本质上,我正在尝试从选择卡片中获取一个 ID,以使用该 ID 作为 iframe 的 URL 的一部分打开带有 iframe 的页面
ionic-framework - 文档扫描器插件的问题:额外的依赖项会在构建时添加
我的 ionic react 文档扫描器有问题,因为我在一些文件中构建应用程序,额外的依赖项添加到该文件中,我必须删除该依赖项才能使应用程序可用,否则它将无法工作。
这是额外依赖的路径,它显示文件未找到:
/Users/ionic/builds/project-0/ios/capacitor-cordova-ios-plugins/sources/CordovaPluginDocumentScanner/src/ios/IRLDocumentScanner.framework/PrivateHeaders/IRLCameraView.h:14:9: 'IRLScannerViewController.h' 文件不是成立
现在,重要的是我正在将代码发送给客户端,他从离子集线器进行构建,他无法评论或删除离子集线器的依赖关系,因为他基于离子集线器依赖来构建,他不能删除它,现在我无法从前一周找到此问题的解决方案。
任何帮助将不胜感激
reactjs - Ionic React:标签之间的切换非常慢,因为我添加了 Ionic
我刚刚将 Ionic 添加到我现有的 React 应用程序中,然后实现了 @ionic/react-router。
但是在修改我的导航选项卡后,我注意到在两个选项卡之间切换时延迟有很大差异:
- 使用 ReactRouter ✅ 0.5 秒</li>
- 使用 IonicReactRouter 2 秒
(我可以提供视频来证明)
我的代码:
我注意到,如果我从标签中删除所有内容,“切换时间”是好的,但我不想要空标签
我犯错了吗?
PS:当然我可以优化我的标签内容,但这并不能解释为什么它比 react BrowserRouter 慢
ionic-framework - ionic 5 - 仅当用户按下输入/确认搜索时,如何使用离子搜索栏在服务器上搜索
我正在使用 ionic 5 构建一个应用程序,我希望有一个搜索栏来搜索和显示来自服务器的结果。
查看文档 ( https://ionicframework.com/docs/api/searchbar ) 时,似乎该元素的设计考虑了本地过滤。
ionInput 事件的行为与 ionChange 非常相似,并在输入更改时触发。
我想在服务器上搜索并仅在用户确认搜索时才显示结果(即按回车键)。
我找不到如何做到这一点。
最好的问候,吉尔赫姆。
javascript - 对象的类型未知
我在 ionic react 中实现 jwt 身份验证,所以在成功实现它之后,当我想在我的 App.tsx 中添加一个检查时,我收到了一个 typescript 错误
对象的类型为“未知”
这是我的代码
因此,当我尝试获取“decoded.exp”(我在实现 jwt 后通过后端获取)包含如下数据时
它以加密形式存储在我的本地存储中,然后我在这里解码
我收到“对象是‘未知’类型的错误”
reactjs - “number[]”类型的参数不能分配给“SetStateAction”类型的参数'
我开始使用 Ionic-react 进行打字稿,所以我在设置状态时遇到了打字稿问题
这是我的代码
所以当我尝试在行中设置状态时
它给了我错误
'number[]' 类型的参数不能分配给 'SetStateAction<ICoord | 类型的参数 未定义>'。类型 'number[]' 不可分配给类型 '(prevState: ICoord | undefined) => ICoord | 不明确的'。
ionic-framework - 如何从 Ionic 5 中的推送通知中打开应用程序 + 特定 URL?
我正在使用 ionic 5 (react) 和电容器.js 开发一个应用程序。当我收到推送通知并采取行动(目前我只是注销数据)时,我有一个执行任务的处理程序。我需要在这个处理程序中发生的事情是将用户路由到应用程序中的特定路由,例如myapp/my-movies/:movie-id
. 最初我认为我需要使用插件来支持通用链接,但现在我质疑这主要是因为我们没有将相应的 web/pwa 应用程序投入生产,我的理解是通用链接是一个将网站 URL 与特定于应用程序的 URI 方案和路由联系起来(来自这个有用的 SO 帖子)。我还在阅读通用链接是自定义 uri 方案的强制替代品,而且我阅读的越多,这变得越不清晰。
所以我的问题是,如何从推送通知中的事件处理程序路由到我的应用程序中经过身份验证的特定 uri?(假设已安装)这可以使用像电容器.js 深层链接或ionic/native这样的插件来完成吗?看起来我需要创建“您的网站和应用程序之间的双向关联”,但就像我提到的,我们没有此应用程序的随附网站。
reactjs - usereducer 不会更新状态
我对 React 很陌生,遇到了 useReducer。如果我在这里粘贴我的代码会很长,因为它涉及到组件,useContext和useReducer。所以我将只粘贴一些代码。我对 try and catch 循环中的状态有疑问。我的 reducer 启动了一个使用 firebase signInWithEmailAndPassword() 的登录方法。我做错了 try and catch 循环吗?我可以在 console.log 中看到错误消息,但我的状态不会随着错误消息而更新,无论是在 then().catch() 还是在 try and catch 循环中。
上面的代码是一个简化版本,我在使用 useReducer 更新状态时遇到了问题。