问题标签 [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 - Ionic React 尝试实现过滤搜索栏以按标题过滤预制列表
我一直在努力研究如何在我的 Ionic 应用程序中创建搜索栏。当我尝试了解如何创建搜索栏时,我只找到了带有 Ionic 的 Angular 示例,而 Ionic 文档上的 React 示例并没有帮助。此外,当我简单地搜索如何使用 React 和 Typescript 进行操作时,我总是陷入死胡同。我似乎无法理解如何实现搜索栏以允许用户输入标题,然后它只会单独显示该卡。任何帮助将不胜感激找出解决这个问题的方法。
ionic-framework - Ionic-React:无法使用 CSS 类自定义单个 IonSelectOption
我正在尝试使用自定义 CSS 类自定义单个 IonSelectOption 以更改一个 IonSelectOption 的颜色。我正在从 Ionic 的文档中复制粘贴代码,但它仍然无法正常工作。我提供给 IonSelectOption 的 CSS className 似乎没有传递给它选择的任何接口。希望有人可以帮助我!
链接到文档。这是我正在使用的代码:
和CSS:
ionic-framework - Ionic React:如何集成自定义字体和图标集
我是 Ionic React 的新手,我正在寻找将自定义字体和自定义图标集集成到我的项目中的正确方法,以便它可以按预期在所有平台上运行。
自定义图标集 我的目标是让我的自定义图标与 IonIcon 一起使用,以便我可以使用默认样式选项,如“大小”和 CSS 变量(例如…g --ioinc-stroke-weight)。
到目前为止我做了什么:
- 我将图标集(所有图标都是 svg)添加到“public/assets/customicons/”中</li>
- 我在需要的地方将 IonIcon 导入到我的组件中
- 集成(例如)
到目前为止,图标按预期显示,自定义属性“大小”正在工作。但是,我无法以编程方式设置图标颜色或笔划宽度。所有图标都设置了默认属性(例如 < g fill=“none” fill-rule=“evenodd” stroke="#092A5E" stroke-linecap=“round” stroke-linejoin=“round” stroke-width=“8 ” >)。即使我删除了这些默认属性,我也无法通过 CSS 变量设置它们
问题 1:“public/assets/customicons/”是存储图标的正确文件夹吗? 问题 2:如何通过 CSS 更改图标的颜色?
自定义字体
目标:我希望自定义字体显示在所有平台上
到目前为止我做了什么:
- 在“src/assets/fonts/”中添加了自定义字体</li>
- 在“src/theme/”中创建了一个“fonts.css”,我通过“@font-face”整合了字体</li>
- 将字体分配给不同的元素
问题 1:这是存储自定义字体的正确文件夹吗?(当自定义字体像图标集一样保存在“public/assets/fonts/”下时,我无法这样做)
不幸的是,我找不到关于这些主题的任何文档、教程或帖子。
谢谢你的帮助!
node.js - 如果我在后端使用节点 js 服务器,如何将 ionic-react 应用程序部署到移动设备?
我这周发现了 ionic,我真的在考虑在工作中使用它。
基本上,我的目标是构建一个可以在 android 和 Ios 上运行的应用程序,其中所需的功能是通过 web 套接字连接到云并从云中提取数据并在我的手机上显示它。也许稍后我最终需要考虑使用登录,但至少现在不是。
通常,如果我正在构建一个网络应用程序。我将使用 nodejs 从云中提取数据并将其公开给前端。我将一起编写所有代码,并将我的应用程序托管在 Heroku 或入口点是我的 nodejs 服务器的地方,对吗?所以我的服务器需要启动,它会处理剩下的事情。
这在 ionic 中有点令人困惑,因为我需要使用 启动应用程序ionic serve
,但不知何故我也需要启动我的 nodejs 服务器,对吗?所以我假设我不能在 ionic 应用程序中编写服务器端代码,还是我错了?
互联网上没有太多关于此的内容,但我做了一些研究,我想我应该在云中部署(托管)我的 nodejs 服务器(可能使用 Heroku),然后通过套接字从我的移动应用程序连接到服务器。这是正确/唯一的方法吗?这种方法有安全问题吗?
我发现 ionic 很棒,但我不确定是否应该在工作中使用它。真诚地,这个使用 ionic 后端服务器的用例让我感到困惑。
Ionic 看起来非常适合构建不需要服务器端脚本的跨平台应用程序,但是如果我想在我的应用程序中集成一些服务器端代码,它会有多复杂?特别是正如我所说,我将来会使用一些登录表单来扩展我的应用程序的功能。
PS:我正在使用 ionic 6.10.1,特别是我有兴趣使用 ionic 与反应而不是 Angular。
ios - 定义架构特定的cordova插件库以在电容器/反应项目中使用
正如https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/Building.md#apple-store-submission中所述,为了将应用程序提交到 App Store,我们需要从 WebRTC 二进制文件中剥离模拟器(i386/x86_64)拱门,作为这样做的最后一步,它说:
如果已经添加,请删除 ios cordova 平台并再次添加 ios 平台(例如,使用命令 cordova platform remove ios && cordova platform add ios)或删除并仅添加插件,风险自负。
我有一个电容器/反应项目,我正在使用上面提到的科尔多瓦插件。不幸的是,您不能在电容器/反应环境中使用 cordova 命令!
我如何在电容器/反应项目中调用这样的命令,或者我可以采取任何等效的步骤来获得相同的结果?
typescript - 元素隐式具有“任何”类型,因为类型“typeof globalThis”没有索引签名。ts(7017)打字稿
我正在创建一个输入handleChange,但收到一个错误元素隐式具有“任何”类型,因为类型“typeof globalThis”在尝试更新状态(this.setState)时没有索引signature.ts(7017)。这是代码片段
ios - 如何防止'UIColor'没有成员'systemBackground'`和'UIStatusBarStyle'在ios的ionic / react v5中没有成员'darkContent'?
使用 Ionic react v 5.3.0 编写一个简单的应用程序,还没有插件
ionic build 后,Xcode 报告 swift build 错误:
Type 'UIStatusBarStyle' has no member 'darkContent' ios
这发生在 swift v 4.2 和 swift v 5,ios 部署目标 8、9、10 和 11
我尝试按照此处的说明删除和重新生成目录来解决node_modules
:ios
https: //ionicframework.com/docs/troubleshooting/native
仍然在 xcode 中看到带有构建时警告和 4 个 Swift 编译错误的问题。在 CapBridgeViewcontroller.swift
中发现了其中两个错误Type 'UIColor' has no member 'systemBackground'
Pods>Development Pods> Capacitor > Plugins
另外两个错误是:
Type 'UIStatusBarStyle' has no member 'darkContent'
在 statusBar.swift 中找到
和
我期望的是我可以从 ionic cli 构建我的应用程序,而不必每次构建时都修改 swift 代码。我可以在我的 ionic 项目中添加一个设置来防止这个错误吗?
react-hooks - 在 useEffect 中设置状态后无法渲染状态变量
我有一个离子反应应用程序,我想在应用程序打开时显示数据库中的数据,但是只有在我导航到另一个选项卡然后返回原始选项卡后才会显示这些值。我将添加到数据库中,并希望每次用户导航到该选项卡时都显示最新的值。
我已经尝试过 useIonViewWillEnter 和 useEffect ,但都没有按照我想要的方式工作。
有什么方法可以让我在打开应用程序时显示值,然后每次导航到该选项卡时更新并显示新值?
这是我要呈现的页面:
这就是我从中获取数据的功能。它返回我要显示的贷款数组:
typescript - 如何在 Ionic React 中将道具传递给选项卡
我正在尝试将数组作为道具传递给选项卡,但我遇到了一个令人困惑的错误。
这是代码:
这就是它所说的
我也不确定如何访问 tab1 页面中的道具。我正在尝试在此处映射作为道具传递的数组:
任何帮助将不胜感激,谢谢。