从Ionic迁移到React Native后访问存储
从Ionic迁移到React Native后，访问存储可以通过以下方式实现：
- 本地存储：React Native提供了AsyncStorage API，用于在设备上存储和检索键值对数据。可以使用AsyncStorage来保存用户的偏好设置、缓存数据等。
- 文件系统：React Native提供了FileSystem API，用于在设备上进行文件操作，包括读取、写入、删除文件等。可以使用FileSystem API来访问设备上的文件，例如保存用户上传的图片、音频文件等。
- 远程存储：React Native可以通过网络请求来访问远程存储，例如使用RESTful API或GraphQL来获取和提交数据。可以使用Fetch API或Axios等第三方库来进行网络请求。
相关·内容
我正在将我发布的项目中的AsyncStorage从"react-native"迁移到'@react-native-community/async-storage'，并且我意识到我以前保存的所有数据都丢失了。不幸的是，我不能让我的零售用户因为这次迁移而丢失所有数据。有没有办法将用AsyncStorage保存的数据从"react-native"迁移到'@react-native-community/async-storage'？谢谢
浏览 76提问于2019-09-15得票数 1
有没有办法使用Onsen-UI作为UI前端，或者只使用React Native的常规HTML5？
我知道React Native应该与React.js一起使用，但我想使用不同的前端框架有两个原因，比如Onsen或Ionic。首先，我现在不想学习一个新的框架，我没有时间。其次，我现有的基于Cordova的应用程序是用Onsen构建的，我想将其转移到React Native上。
提前谢谢。
浏览 3提问于2016-05-31得票数 3
我在将购买的模板从ionic 3迁移到ionic 4时遇到了一个很大的问题。我完全重新创建了项目，并重新创建了结构，但在启动时总是出现这些错误
这是我的app.module
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicR
浏览 0提问于2019-08-03得票数 1
每次运行命令ionic serve时，我都会遇到错误。我已经尝试删除node_modules并使用yarn重新安装所有包，但这个问题仍然存在。 下面是错误 Failed to compile
./node_modules/@ionic/react/dist/index.esm.js
Attempted import error: 'reorder' is not exported from 'ionicons/icons'.
This error occurred during the build time and cannot be dismissed.
浏览 18提问于2020-03-25得票数 0
回答已采纳
1回答
我正在使用Ionic React构建一个应用程序，该应用程序使用离子Cordova健康插件与用户的健身数据进行通信，但似乎不起作用。
import { Health } from "@ionic-native/health/ngx";
const Tab1: React.FC = () => {
let health = new Health();
const healtChanger = () => {
health.isAvailable()
.then((available:boolean) => {
浏览 2提问于2020-05-06得票数 1
回答已采纳
1回答
我有一个Ionic3应用程序，已经在商店的生产模式中使用了将近一年。从cordova-plugin-ionic-webview到Version2.3.1和UseScheme="true"的更新极大地提高了性能！然而，整个存储被删除。对于生产模式中的应用程序来说，这确实是致命的。
我能做些什么来保存或传输存储中的数据？
我试过什么
我尝试了插件cordova-plugin-ionic-migrate-localstorage，但不起作用，也许是因为我的cordova插件-离子型-webview版本对这个插件来说太新了。
浏览 0提问于2019-01-09得票数 2
回答已采纳
2回答
我在Ionic 3上工作，我是离子方面的新手，所以我尝试上传我使用的设备的文档和android的存储权限，但是我只能访问设备的内部存储，我想从sd卡上访问文件。下面是我的代码
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { RemoteServiceProvider} from "../../providers/remote-service/remote-serv
浏览 0提问于2017-09-11得票数 2
1回答
离子5反应背景地理定位
、、、
我正试图用后台地理定位插件开发用于Android / iOS的Ionic React应用程序：
我正在跟踪文档，并安装了：
npm install @mauron85/cordova-plugin-background-geolocation
npm install @ionic-native/background-geolocation
当我编译代码时，我做了一个错误：
编译失败。
.\node_modules@ionic-native\background-geolocation\ngx\index.js找不到模块：@角形/核心。请确保已安装此软件包。
您可以通过运行: npm inst
浏览 4提问于2021-01-10得票数 0
与标题一样，我在调用()时，对于idToken和accessToken值将获得null。
代码(与中的示例相同)：
export async function googleLogin() {
try {
// add any configuration settings here:
await GoogleSignin.configure();
const data = await GoogleSignin.signIn();
google-services.json文件已经就位，以前运行良好。在从Reactive0.59.9迁移到0.
浏览 1提问于2019-12-29得票数 1
1回答
找不到模块离子
、、、
我尝试执行ionic info，但它显示了一些错误
[ERROR] Error loading @ionic/react package.json: Error: Cannot find module '@ionic/react/package'
这是我的离子信息
C:\Users\MyPC>ionic info
[ERROR] Error loading @ionic/react package.json: Error: Cannot find module '@ionic/react/package'
Ionic:
Ionic CLI
浏览 1提问于2019-11-03得票数 0
3回答
当我处理并迁移到有离子3的mac时，我在linux任务中完成了我的离子型2项目。
因此，我创建了一个新项目，并将页面、提供、组件文件夹替换为我在将插件导入app.modulte.ts文件后得到的错误，因为'Type 'any‘不是构造函数类型。’
我的终端显示
17:39:48] typescript: node_modules/@ionic-native/app-version/index.d.ts, line: 25
Type 'any' is not a constructor function type. [17:39:48]
浏览 1提问于2017-05-03得票数 4
回答已采纳
我正在尝试使用登录时返回的访问令牌注销。
import React from 'react';
import { Text, Alert } from 'react-native';
import { Drawer,Container, Content, Header, Right, Button } from 'native-base';
import { FontAwesome } from '@expo/vector-icons';
export default class SideBar extends React.
浏览 0提问于2021-02-11得票数 0
如何在React Native中重置Android/iOS项目？就像在Ionic中一样，我们可以使用"ionic platform rm android“，然后再添加一次，这样它就会添加新的项目。我如何在React Native中做同样的事情？
浏览 2提问于2018-01-29得票数 1
我一直在寻找一种使用React-Native开发类似Instagram过滤器的方法。我使用另一个名为Ionic的移动框架创建了过滤器，该框架使用webview创建应用程序，但过滤器太慢了。我如何使用react-native操作图像来创建这样的过滤效果。
干杯
浏览 1提问于2015-07-22得票数 4
2回答
警告-反应
、、
我在我的Ionic 2代码中遇到了一个小问题：
Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.
我没有使用任何关于React或proptypes的东西，但是我得到了前面描述的消息。
我的package.json：
"dependencies": {
"@angular/common": "2.4.8",
"@angular/compiler":
浏览 4提问于2017-06-22得票数 1
回答已采纳
1回答
(免责声明:我是一个使用React和Ionic的新手)，为了读取包含一个简单字符串的JSON文件，我希望将电容的文件系统API实现为React组件。我的JSON文件与我的FileSystem.tsx文件位于同一个文件夹中。
import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
import { IonHeader, IonTitle, IonToolbar } from '@ionic/react';
import React from 'react';
浏览 5提问于2022-11-10得票数 1
回答已采纳
我正在创建一个简单的示例auth应用程序，其中Ionic 2和angularfire 2作为后端，当我尝试创建新用户时，它说：
例外: Error: Uncaught (承诺中)：Error:指定的身份验证提供程序未为此Firebase启用。
但是，我已经在firebase控制台中启用了防火墙身份验证：
app.ts
import {App, Platform} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {HomePage} from './pa
浏览 4提问于2016-05-27得票数 4
回答已采纳
我得到了一个错误：
<Provider>不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。
我有一个组件：
import React, { Component } from 'react';
import {
AppRegistry,
NativeAppEventEmitter
} from 'react-native';
import { Provider } from 'react-redux';
import { c
浏览 3提问于2016-10-12得票数 8
回答已采纳
我刚刚从React和Flutter的背景中开始掌握Ionic。 我正在尝试使用Ionic 4 react实现一个全局导航顶栏。唯一看起来可能行得通的文档是IonHeader。 我尝试将它添加到我的根App.tsx组件中，但这似乎并不能像预期的那样工作。其他组件无法识别工具栏组件的高度。也就是说，工具栏与页面内容重叠。 尝试从App.tsx获取全局工具栏： import React from 'react';
import { Redirect, Route } from 'react-router-dom';
import {
IonApp,
浏览 6提问于2020-01-09得票数 0
我最近更新了离子3应用程序，以支持cordova-android到9，也更新了文件插件()，我无法从Google选择文件或视频。
更新版本已开始给出选择文件的错误。除了Google驱动器，所有其他地方都会工作，除非选定的文件是图像，否则返回错误。
以下是错误日志：
3943-3975/? E/oiface: DynamicFps is not enabled!
1872-4430/? E/TaskPersister: File error accessing recents directory (directory doesn't exist?).
版本信息
Ionic:
浏览 4提问于2020-10-27得票数 0
我刚刚在我的react-native项目中安装了一个依赖项，需要手动配置ios/Podfile。
如果我有一个这个项目的存储库的新克隆，react-native run-ios将无法工作，直到我在ios文件夹的上下文中运行pod install。我想让它作为ios构建的一部分自动发生，而不是作为一个单独的步骤。
我曾尝试将pod install作为“运行脚本”添加到xcode中，并将其移到构建顺序的顶部，但没有成功。
如何将pod install步骤添加到ios构建过程中？
浏览 17提问于2017-12-21得票数 1
回答已采纳
1回答
我负责从以前的自由职业者手中接过一个react-native应用程序。
做这件事最好的方法是什么？
一旦之前的自由职业者将回购的所有权转让给我，我是否应该更改与数据库、API密钥等相关的密码？
浏览 0提问于2019-11-08得票数 2
2回答
请任何人帮助我使用Ionic-v4和Angular 6访问设备外部存储器(SD卡)，平台是Android。
我试过使用离子原生文件，但它只显示内部存储器的路径。
// file system access
import { File } from '@ionic-native/file/ngx';
// file opener
import { FileOpener } from '@ionic-native/file-opener/ngx';
// document viewer
import { DocumentViewer, DocumentViewerO
浏览 0提问于2019-06-24得票数 2
1回答
我在Ionic 4中发布了一个应用，React and Capacitor Storage Plugin。我正在使用React Native重写应用程序。这个应用程序有活跃的用户，我希望他们尽可能保持他们的进步。根据离子存储插件的文档：“这个插件将在iOS上使用UserDefaults，并在安卓SharedPreferences上使用。”
我已经为React Native找到了一个类似的解决方案，叫做'rn-user-defaults‘。但是，用于存储用户数据的相同键检索未定义。我对两个版本(Ionic和Native)使用相同的捆绑标识符、相同的产品名称，并且我确认仅在Ionic版本中
浏览 23提问于2020-02-19得票数 0
我是React Native的新手。有一个原生应用程序是用Objective-C编写的，适用于iOS和Java for Android。我的任务是使用React Native再添加两个屏幕。一般的解决方案是here。 本机代码已经使用本地存储来存储永久数据(例如，关于授权用户的数据)。同时，React Native使用异步存储来处理永久数据。 我是否可以使用React Native中的异步存储从本地存储中获取值？
浏览 78提问于2019-06-01得票数 1
回答已采纳
我在日志中得到了这个警告：
ViewPropTypes将从反应本地人中移除。迁移到从“反推荐-反应-本机-支柱-类型”导出的ViewPropTypes
甚至我在代码中任何地方都没有使用ViewPropTypes。
我的一些包裹是：
"@react-navigation/native": "^6.0.8",
"@react-navigation/native-stack": "^6.5.2",
"native-base": "^2.13.14",
"react": "1
浏览 135提问于2022-04-01得票数 30
因此，我在节点8.x上运行ionic 4，尝试将存储注入应用程序，以便可以从身份验证服务中检索令牌，但我收到以下错误： StaticInjectorError(AppModule)[Storage]:
StaticInjectorError(Platform: core)[Storage]:
NullInjectorError: No provider for Storage!
at 我读过其他关于同样问题的文章，但他们似乎有类型错误，我认为不是这样的。 这是我的app.module import { NgModule } from '@angular/
浏览 22提问于2019-02-04得票数 10
我正在制作一个必须从SQL Server获取数据的React Native应用程序。我将执行许多复杂的连接和其他SQL函数，所以我认为DreamFactory以这种方式更容易使用。
DreamFactory是一个用于SQL或NoSQL数据库的RESI API自动化平台，可自动为Swift、JavaScript、Ionic、React等生成API。
我在这里找到了React.js的DreamFactory开发工具包：
然而，这是否意味着它也可以与React Native一起工作呢？
浏览 9提问于2017-03-11得票数 2
我正在试图弄清楚如何上传图片到React Native ( Expo )中的Azure Blob，而不会将其从Expo中弹出。因此，rn-fetch-blob和react-native-azure-blob-storage在我的情况下不起作用，因为它们需要从世博会弹出。 我正在考虑使用here找到的解决方案，但我想知道是否有更好的解决方案。你知道吗？请让我/我们知道。
浏览 19提问于2020-03-24得票数 3
1回答
我想要建立我的应用程序离子3到生产模式。我试着
ionic cordova run android --prod --release
但我总是犯错误：
错误:遇到未定义的提供者！通常，这意味着您有一个循环依赖项(可能是使用“barrel”index.ts文件造成的。
我的package.json看起来像：
{
"name": "ionic-wordpress",
"version": "0.0.1",
"author": "IonicThemes",
"homepag
浏览 1提问于2017-12-18得票数 2
回答已采纳
我用reactjs建立了一个网站，客户希望web自动在手机主屏幕上创建一个链接，打开指向我网站的特定url的chrome。在不使用Cordoba、Ionic或React Native等框架包装reactjs的情况下，这是可能的吗？ 非常感谢
浏览 27提问于2020-12-21得票数 1
2回答
如何在ionic4中设置启动屏幕
、、、、
我正在将源代码从ionic3迁移到ionic4。
我将ionic3资源文件夹复制到ionic4项目中。
然而，科多瓦符号出现在飞溅屏幕上。
我想知道为什么。
请教我如何改变ionic4中的启动屏幕。
浏览 5提问于2020-03-09得票数 0
回答已采纳
1回答
我有一个Ionic 5应用程序与消防和科多瓦。
在浏览器中，在Android上，在IOS上使用livereload (离子型cordova运行ios -livereload)，该应用程序的工作原理是预期的。
然而，当我只是构建应用程序(cordova离子型build ios)并将其部署到我的iphone上时，应用程序无法连接到firebase。不幸的是，我没有任何日志，但是登录和读取集合不提供任何数据。
我还需要在某个地方放置防火墙URL以允许应用程序访问互联网吗？
提前谢谢。
我的package.json：
"dependencies": {
"@angula
浏览 2提问于2021-11-10得票数 0
1回答
我正在尝试将SQlite添加到我的ionic4项目中，但是得到了安装错误。 我的NPM安装如下： ionic cordova plugin add cordova-sqlite-storage
npm install @ionic-native/sqlite
//ionic plugin add cordova-sqlite-storage ==> this one makes error 在main.js中，我尝试了以下每种方法： import SQLite from 'ionic-native';
import {SQLit
浏览 36提问于2019-09-18得票数 2
回答已采纳
我有一个ionic 3应用程序，可以与模拟器android ios一起使用，它在google store上发布，但当我尝试上传到apple store时，它返回给我“您的应用程序包含非公共api用法”
我正在尝试检查所有可能导致问题的插件列表；与我几天前发布的应用程序不同的是: barcodescanner call-number email-composer geolocation leaflet
这是我的package.json：
{
"name": "Nome App",
"version": "0.0.1",
浏览 2提问于2019-07-05得票数 1
4回答
我收到“应用程序错误代码(Application Error net::ERR_CONNECTION_REFUSED，http://localhost/)”，它是在Ionic Framework Ionic，Release类型上编译的。 我已经在网上找过所有能找到的东西了。还有人有其他想法吗？ Ionic:
Ionic CLI : 5.1.0 (C:\Users\me\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.8
@ionic/app-sc
浏览 41提问于2019-10-02得票数 1
我使用expo v35，并使用托管工作流(一个没有弹出)。
在我的项目中，每当我使用时，我都会面临警告。
然而，这将导致发出以下警告：
警告:异步存储已经从react本机内核中提取出来，并将在以后的版本中被删除。现在，它可以从‘@react本机-社区/异步存储’中安装和导入，而不是从‘react本机’中导入。请参阅
我试图遵循此警告所提供的指示，并尝试使用@react-native-community/async-storage，但没有成功；该库似乎需要一些链接，如果您想要在世博会的管理工作流中工作，这是不可用的。
问题
在使用世博的托管工作流时，处理AsyncStorage警告的正确方法是
浏览 1提问于2019-11-04得票数 2
我的应用程序以前运行良好，没有生成或运行时错误。然后，我将react-native-agora从^2.9.1更新到^3.0.1-rc.4。有个坠机的问题被
pod installreact-native start --reset-cache
我现在的问题是，应用程序卡在启动屏幕上，并在iOS RNv0.61.5上给出了这个错误：
Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)
到目前为止，我已经尝试过：
在模拟器和coderemoving文
浏览 0提问于2020-08-12得票数 2
回答已采纳
2回答
我正在尝试使用Ionic 4项目中的HttpInterceptor对后端的所有API调用进行身份验证。令牌通过NativeStorage保存。当我进行登录调用时出现问题。由于还没有可用的令牌，NativeStorage会返回一个中断链的错误: NativeStorageError {代码: 2，来源：“本机”，异常:空}
httpConfig.interceptor.ts
import {
HttpRequest,
HttpHandler,
HttpEvent,
HttpInterceptor,
HttpResponse,
HttpErrorResponse
} fro
浏览 0提问于2019-10-22得票数 1
1回答
8号火力似乎有问题。在出现错误“to .afs.Collection不是函数”时，Firestore无法获得集合或doc元素。据我所知，战地服务团似乎没有初始化。但其设置为“app.module.ts”中的提供程序，而不是null。
然后我安装了我发现的所有东西，比如角/火6.1.5，火基8，离子-本机/火基5.36，防火库-x，防火基地认证，科多瓦-插件-火基地2.0.5，科多瓦-插件-防火墙-认证，科多瓦-插件-火柴基地。它感到重载，但我仍然无法获得函数，即使afs实例是而不是null。
有什么想法吗？
"dependencies": {
浏览 1提问于2021-08-29得票数 0
回答已采纳
两天前，我提出了一个类似的问题，但这一次，当我在实际的设备或模拟器中运行代码时，也会遇到同样的错误。在普通浏览器上，它工作得很好。
以下是我的app.component.ts代码：
import { Component, ViewChild } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@
浏览 0提问于2017-05-28得票数 0
回答已采纳
我是一名Java Android开发人员，最近一直在尝试使用React Native。我一直在研究的是类似于Android Java代码的导航。
首先，我想了解一下SplashScreen。然后检查用户是否登录，然后将用户带到应用程序或登录屏幕。
现在，为了实现这一点，我需要知道用户是否已登录。我该怎么做？我不想在index.js中维护全局变量，也不想让index.js成为中央路由系统。我是否可以在某个地方存储一个标志，表明用户已经登录，以及登录用户的访问令牌是什么？
我能够在原生Java代码中很好地可视化这一点，但不知道如何在React Native中做到这一点。
浏览 12提问于2017-02-24得票数 0
回答已采纳
我用ionic-react为android创建了一个应用程序。Ionic react使用电容器代替cordova。我不知道如何在我的ionic-react应用程序中使用cordova插件。有cordova和ionic原生插件android-full-screen，但我不知道如何在我的应用程序中使用它。
我会给你看我的App.tsx。我希望我的应用程序从开始就是全屏的，例如在componentDidMount上。请帮帮忙，我在找几天，但找不到解决这个问题的方法。谢谢。
import React, {Component} from 'react';
import {Redirect
浏览 4提问于2019-10-29得票数 0
1回答
我升级了node和npm。现在，ionic 3 (3.9.2)项目(在升级到节点和npm之前工作得很好)不适用于npm i。但对于新的项目来说，这是很好的。你能告诉我如何解决这个问题吗？
节点: 8.11.2
国家预防机制: 5.6.0
这是我尝试使用npm i时的错误
npm WARN deprecated highcharts-more@0.1.2: this package has been deprecated, just import modules from the highcharts folder
npm ERR! code ENOLOCAL
npm ERR! Coul
浏览 2提问于2018-06-14得票数 0
回答已采纳
我正在从ngCordova迁移到ionic.Native。我已经安装了StatusBar插件：
ionic plugin add org.apache.cordova.statusbar
但当我注射的时候：
.run(function($ionicPlatform, $cordovaStatusbar)
然后尝试构建：$ ionic run android，我得到一个错误：
Uncaught Error: [$injector:unpr] Unknown provider: $cordovaStatusbarProvider <- $cordovaStatusbar
你能帮帮忙吗？
浏览 1提问于2016-11-21得票数 0
关于v6 反应导航路线图中的比较讨论
软件包将从主要分支移除，但将停留在5.x分支和npm上，并将继续与6.x一起工作。
我之前将react导航版本从4迁移到了5。在这段时间，我使用了@react-navigation/compat。效果很好。现在，我想用@react-navigation/compat迁移5到6。但在下面的代码中会出现类型错误。createCompatNavigatorFactory(createStackNavigator)。不幸的是，这看起来是正确的错误。
您有什么好的解决方案来解决这个错误吗？
版本
"@react-navigation/compat
浏览 2提问于2021-09-05得票数 3
捆绑index.js发展，非缩小0.0% (0/1)，失败。错误:捆绑失败:错误:找不到模块@babel/core(处理预置时：
其他国家也有类似的问题，这些问题是通过下列之一解决的：
卸载babel-预设反应-本机并重新安装@2.1.0。
有些人只能用纱线来解决这个问题，而不是npm。
把Babel迁移到devDependancies
将.babelrc文件更新为
{
"presets": [
"react-native"
],
"env": {
"dev
浏览 2提问于2018-07-09得票数 0
回答已采纳
在一个离子应用程序中，所有npm包都已被移除并与npm安装一起重新安装。现在运行的离子服务器显示了大约十几个错误，大多与firebase和angularfire2有关。
要调试，
我已经卸载并重新安装了angularfire2和firebase
我双倍地检查了tsconfig.json文件，该文件看起来与错误开始前相同
我重新启动了服务器
但是，仍然没有..。
还有一些npm警告与不可用的对等依赖相关，我在下面附加了这些警告，我不太确定如何处理.
下面是主要应用程序的package.json依赖列表：
"dependencies": {
浏览 1提问于2017-10-04得票数 0
回答已采纳
我正在使用Ionic 2并尝试使用@ionic native/geolocation，当我在我的项目上执行ionic:serv时，我得到了这个错误:找不到名称'Observable‘。
Tick.imgur.com/dXNDc.png
这是我的package.json文件内容：
{
"author": "",
"cordovaPlatforms": [],
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordov
浏览 4提问于2017-05-07得票数 3
我在我的应用程序上使用两个屏幕--一个主屏幕和一个细节屏幕--一切正常，但是代码很长，所以我试图将所有的内容分解成可重用的组件，这会导致navigation.navigates类型的错误。
我多次检查了代码，所有的一切对我来说都是非常有意义的，这里是不是缺少了什么东西，我如何修复这个错误？
我第一次使用了react导航版本5。
下面是使用的代码示例：
MainScreen.js
import React from "react";
import { StyleSheet, Text, View, Image, FlatList } from "react-native&
浏览 3提问于2020-05-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
