如何在react native中离线设置羽毛
在React Native中离线设置羽毛，可以通过以下步骤实现：
- 首先，确保你已经安装了React Native的开发环境，并创建了一个React Native项目。
- 在React Native项目中，可以使用第三方库react-native-feather来设置羽毛图标。该库提供了一系列常用的羽毛图标，可以在离线状态下使用。
- 在项目的根目录下，通过命令行运行以下命令来安装react-native-feather库：
- 在项目的根目录下，通过命令行运行以下命令来安装react-native-feather库：
- 安装完成后，可以在需要使用羽毛图标的组件中引入所需的图标。例如，如果你需要使用一个名为"FeatherIcon"的羽毛图标，可以在组件中添加以下代码：
- 安装完成后，可以在需要使用羽毛图标的组件中引入所需的图标。例如，如果你需要使用一个名为"FeatherIcon"的羽毛图标，可以在组件中添加以下代码：
- 其中，"icon-name"是所需图标的名称，可以在react-native-feather的文档中找到所有可用图标的名称。
- 在React Native中，可以使用离线资源来加载图标。将所需的图标文件（通常是SVG格式）放置在项目的某个目录下，例如"assets/icons"目录。
- 在组件中，可以通过指定图标文件的路径来加载离线图标。例如：
- 在组件中，可以通过指定图标文件的路径来加载离线图标。例如：
- 这样就可以在React Native应用中离线设置羽毛图标了。
总结： 在React Native中离线设置羽毛图标，可以通过安装react-native-feather库，并在组件中引入所需的图标来实现。同时，可以使用离线资源来加载图标文件。这样可以在离线状态下使用羽毛图标，提供更好的用户体验。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/nae
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我想知道是否有人成功地在react native中将羽毛设置为离线。现在，每当我调用"owndataWrapper“时，我都会遇到一个问题。 import { owndataWrapper } from '@feathersjs-offline/client';
owndataWrapper(app, '/messages', {}); 错误提示无法解析/node-localstorage/LocalStorage.js中的模块路径。。所以我最终安装了这些包。 断言、常量、事件、路径、流和文件系统 得到了一个新的错误。 这就是错误。 https://g
浏览 27提问于2021-07-20得票数 0
我在一个纯react-native项目中工作，在这个项目中我必须使用firebase持久性。我使用react-native-firebase包来完成我的所有请求。
当我使用react-native-firebase/firestore离线写入，然后上线时，它会与backOffice同步。
firestore().collection(col).add(data)
当我使用react-native-firebase/firestore更新数据，然后上线时，它会与backOffice同步。
firestore().collection(col).doc(id).update(data)
但是当我离
浏览 0提问于2020-08-31得票数 0
我正在尝试使用react-native代码在android中自动启用和禁用离线模式，我想知道在react-native中是否有这样的可能性，如果可能，有人可以给我一些建议，我如何实现它。任何帮助都必须非常感谢。
谢谢。
浏览 2提问于2018-05-22得票数 3
这是一个相当普遍的错误，但在我的例子中，区别在于我安装了这个包并通过第一次导入来实现它：
import DropDownPicker from 'react-native-dropdown-picker';
import Icon from 'react-native-vector-icons/Feather';
然后，我将DopDownPicke创建为：
<DropDownPicker items={[
{ label: '1', value: 1 },
浏览 1提问于2021-03-05得票数 0
如何使用react-hooks在react-quill中添加自定义className和自定义标记？
从' React‘导入react，{Quill}从’react- ReactQuill‘导入’quill/dist/quill.now.css‘
函数MyEditor() {
class ShadowBlot {
static create(value) {
let node = super.create();
node.setAttribute('className','Shadow')
retu
浏览 0提问于2020-07-13得票数 0
我找到了一些关于React-native的离线模式firebase的教程，但我仍然不知道如何在我的应用程序中启用这一功能。
那么，如何存储所有接收到的数据并在脱机模式下运行函数呢？
浏览 2提问于2017-09-12得票数 1
我正在寻找一个react-native中的视频播放器库，它可以
1)播放Youtube视频。2)在线视频流媒体链接。3)保存在设备中的离线视频。4)具有视频控制UI。
我尝试过为我的应用程序使用react-native-video和react-native-media控件，但是react-native-video不支持youtube视频，而react-native-media- control的视频控件UI有一个but。
打开以获得相同实现的替代建议。
浏览 0提问于2017-03-31得票数 3
谁能解释一下如何从“react native”代码生成离线的iOS应用程序包吗？
我已经尝试过，但它不起作用。
浏览 1提问于2017-02-07得票数 7
回答已采纳
1回答
我正在构建一个React，我希望在离线存储中使用Watermelondb，但是我不知道如何在TypeScript中使用它。我从Watermelondb库创建了数据库、课程和课程模型文件。在我的App.tsx中，我按照以下方式使用了数据库提供程序：
import 'react-native-gesture-handler';
import React from 'react';
import { View, StatusBar } from 'react-native';
import { NavigationContainer } from &#
浏览 1提问于2021-02-27得票数 0
我正在开发一个在React Native上使用Realm Sync的offline-first应用程序。 我想解决的具体编程问题是如何在我的应用程序中使用React Native实现这种离线优先行为，以便登录的用户无论在线还是离线都能获得无缝体验。我正在寻找代码，说明了离线的最佳做法-首先与领域同步，实现这一点。 当涉及到脱机优先和 demo app in the MongoDB Realm documentation实现同步时，其他优秀的领域文档非常有限，但并不是设计为支持脱机。当然，我的出发点是这个应用程序，因为它是文档和论坛中推荐的应用程序。 我已经测试了iOS Swift和React
浏览 51提问于2021-07-20得票数 1
3回答
我最近将我的应用程序从firebase更新到了firestore，但仍然停留在离线状态。我正在使用react-native-firebase集成firestore并禁用它的持久性，但在没有互联网的情况下仍然没有得到任何捕获错误。这是我删除数据的代码，但当没有互联网没有解决承诺时，catch永远不会出错。
firebase.firestore().collection('d').doc(deviceid).delete().then(function () {
console.log("Device
浏览 1提问于2018-05-26得票数 10
我是React Native的新手，我想为iOS和安卓创建一个可部署的应用程序版本。
我在官方网页上看到了如何使用iOS的离线捆绑包，它工作得很好。我使用以下命令生成了离线包，没有任何问题: react-native bundle --dev false --entry-file index.ios.js -- bundle -output ios/main.jsbundle --platform ios
我做了以下更改，它在iOS上运行良好。
然而，我不能为Android做同样的事情，我在互联网上也找不到任何这样的例子。我执行了以下命令，并且正确地生成了离线包。react-native bu
浏览 8提问于2016-07-05得票数 0
我需要离线运行一个react-native项目，因为我不能经常访问互联网，而且大多数时候我需要离线开发一个简单的应用程序。我已经使用react-native init创建了一个基础应用程序，但是不能在创建应用程序所需的所有时间都在线，所以，我已经准备好运行基础应用程序了，我该如何离线运行呢……我也有gradle在我的电脑上，但似乎我需要更多的东西或强制性的在线…我已经有一个通过USB连接并准备好的android设备...
我如何离线运行它？
来自古巴的问候。LordFord。
浏览 0提问于2017-11-01得票数 1
如何在android上使用离线捆绑？
我没有看到关于在android上使用离线捆绑包的文档。
我尝试在build.gradle中取消代码的注释。
project.ext.react = [
// the name of the generated asset file containing your JS bundle
bundleAssetName: "index.android.bundle",
// the entry file for bundle generation
entryFile: "index.android
浏览 3提问于2015-12-09得票数 49
可以使用React Native和Firebase离线保存数据吗？据我所知，在Firebase的iOS/Android SDK中可以做到这一点，但我不确定Web SDK。我想保存登录信息，这样用户就不必再次登录，也可以保存一些其他用户数据，例如用户的帖子。
前段时间，我读到离线数据保存是不可能的，但也许情况已经改变了。
一般情况下，我应该将Firebase Web SDK与React Native一起使用，还是更好地使用之类的东西呢？
浏览 4提问于2017-11-07得票数 0
1回答
我正试着得到一个羽毛应用程序，从一个反动的前端开始。使用webpack-dev-middleware和webpack-hot-middleware，我应该能够简单地扩展羽毛应用程序，在开发过程中使用所有这些webpack的东西。唯一的问题是，每当我从webpack那里获取js文件时，总是得到一个羽毛404页。
下面是我的目录结构：
/feathers/public/index.html
/feathers/src/app.js
/react/src/index.js
/react/webpack.config.js
/react/develop.js
/feathers/src/app.js是
浏览 1提问于2016-04-12得票数 4
我想在离线上下文中交换React Native应用程序上的小数据和文本。我知道React只适用于视图，但是否可以使用socket.io在React-Native应用程序上创建小型的http websocket服务器？
浏览 0提问于2018-12-07得票数 1
当internet访问打开时，useAssets会按预期返回localUri。但在离线后，它会返回undefined。即使缓存的文件仍然存在于缓存文件夹中，它也不会引用它。代码如下： import React from "react";
import { useAssets } from "expo-asset";
import { Image, View } from "react-native";
export default function Avatar({ imageUrl}) {
const [assets, error] =
浏览 23提问于2021-04-30得票数 0
1回答
是否有可能构建一个可以部署到iOS的React (非React-Native)、离线(无REST调用)应用程序？我只是在做一个学习项目，不想和React-Native打交道。我只想用我目前的网络技能，用Just React做一个iOS应用。
寻找能让我做到这一点的工作流程/工具。
浏览 2提问于2017-07-12得票数 0
1回答
我在我的示例演示应用程序中使用了以下代码行来显示来自asset的静态图像folder.It运行良好，但是当我加载离线捆绑包(Production apk)时，该图像消失了。
<Image source={require('./assets/image/sample.png')} style={{width: 400, height: 450 , padding:10}}/>
我的项目结构是这样的：
在我尝试使用以下命令捆绑离线apk应用程序后：-
react-native bundle --platform android --dev false
浏览 1提问于2018-02-15得票数 0
5回答
我将react-native与react-native-paper结合使用。
我有以下代码：
import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { Button, TextInput } from 'react-native-paper';
export default class Header extends Component {
state = {
text: ''
浏览 1提问于2019-02-25得票数 2
回答已采纳
我正在使用React Native EXPO框架构建一个新的应用程序。我的应用程序需要一个聊天功能，用户可以在应用程序中聊天。简单的一对一聊天，带打字提示，阅读回执，在线/离线状态和图像传输是我想为我的用户提供的功能。 请让我知道任何免费或付费服务，将与React Native EXPO framework的工作。我在网上看到了很多Core React Native的选择，但没有一个是EXPO的。 提前感谢您的任何建议。
浏览 23提问于2021-04-10得票数 0
我正在使用aws appsync和react native，有事务正在离线发生，我想知道离线事务处理的mydata是否已经保存在我的在线数据库中。
我正在使用的抓取策略已经是仅限网络的，但“仅限网络”策略不起作用，因为它仍然可以在数据脱机时捕获数据。
浏览 3提问于2018-08-15得票数 0
我有一个在React Native中实现的移动应用程序，其中用户具有在线/离线状态。我想实现一个持久的通知消息，当用户状态为在线时，即使应用程序在后台，它也会显示出来。
我知道有可能在通知中执行动作，比如媒体播放器应用程序中的暂停按钮。如何在原生反应中做到这一点呢？
浏览 3提问于2017-10-08得票数 13
正如标题所说，我正在尝试使用EXPO显示保存在react-native上的assets文件夹中的pdf文件，有什么想法吗？现在我有了一个暂时的解决方案，可以显示google drive的网络视图，读取pdf文件，但我想离线使用本地pdf文件。
import React from 'react';
import { Default } from '../layouts';
import {WebView} from 'react-native-webview';
function Flujograma({ route, navigation
浏览 8提问于2020-02-25得票数 2
4回答
我正在尝试在我的react应用程序中使用。到目前为止，我已经将以下内容添加到我的index.html文件中
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
feather.replace()
</script>
然后我在我的一个组件文件中包含了一个带有羽毛图标的composed按钮：
<li className="nav-item">
<a cl
浏览 6提问于2018-04-25得票数 2
羽毛-客户2.3.0
同步-javascript 15.3.29
有一段时间我一直试图为它的客户端的版本创建一个。我知道我可以用rest来获取数据，但是为了实现离线同步，我需要使用羽毛-离线-实时插件。
此外，我在一个aurelia项目中使用这个，所以我使用的是es6导入和babel。
这是我试过的一个代码片段，如果需要的话，我可以发布全部内容。
我也不确定仅仅使用Adapter . UrlAdapter是否正确，因为我需要排序和分页来访问服务器，而不仅仅是在本地完成。我想如果我至少能拿回一些数据，我就能弄清楚这部分了。
注意:我要为我需要调用适配器的任何方法的问题添加一个说明，除了procc
浏览 1提问于2017-09-04得票数 0
回答已采纳
1回答
移动脱机同步
、、、
我目前正在开发一个React Native应用程序，服务器已经实现，我的应用程序应该实现离线同步，我计划在移动设备上集成realm来处理离线数据，并在设备在线时将数据推送到实现的服务器。我该怎么做呢？
浏览 3提问于2019-03-20得票数 0
所以，伙计们，我的应用程序可以100%地在Firebase和react-native上运行，但问题是，如果我试图断开网络连接，应用程序无法获得缓存的信息。
On官方Firebase表示，firebase与本地存储缓存一起工作，并提供离线信息，但如何呢？
浏览 0提问于2018-05-19得票数 0
在新安装后运行命令
react-native init AwesomeProject
命令“react本机运行-android”显示大量"babel:config:config-chain“消息，而应用程序没有运行.
babel:config:config-chain Ignored '/home/argaz/AwesomeProject/node_modules/metro/src/JSTransformer/worker.js' because it failed to match one of [ /^\/home\/argaz\/AwesomeProject\/
浏览 0提问于2018-12-20得票数 0
回答已采纳
为了在我的应用程序中处理离线交互，我使用redux-offline。当应用程序重新启动时，我的redux商店中的脱机状态不是持久的。
例如，我的应用程序处于离线状态，用户以调用要分派的操作的方式与应用程序交互。Redux-offline将操作转移到处于redux存储的离线状态的发件箱阵列，该阵列应在应用程序恢复在线时重试该操作。如果我这样做，并让一个操作在脱机状态下排队，然后重新启动应用程序(在仍然脱机的情况下)，redux存储将保留除脱机状态之外的所有内容，因此我将丢失已排队的项目。
我的商店配置代码如下。我写它的方式是，在redux存储恢复状态之前，会显示一个启动屏幕。
import Re
浏览 0提问于2017-10-24得票数 0
使用react native，我知道为了启用背景音频回放(主要用于react-native视频)，我应该按照苹果开发文档中的详细更改音频会话。
话虽如此，但我对在哪里做这件事感到有点困惑。考虑到React是javascript，那么在React Native应用程序中应该把Objective-C代码放在哪里呢？
浏览 10提问于2017-02-02得票数 2
回答已采纳
我使用的是react-native 0.49.3版本，我的问题是如何在react native中获取设备令牌，用于IOS和Android我尝试过这个，但它不适用于我，现在我尝试在IOS中使用。如何解决?可以告诉我如何配置吗？
浏览 0提问于2017-11-09得票数 7
回答已采纳
我将使用expo react native构建一个离线应用程序，这可能吗？ 如果是，谁能告诉我是怎么做的？
浏览 18提问于2021-09-17得票数 0
我在我的应用程序上有一个用create-react-native-app构建的视频，我正在使用expo.io的视频组件。我正在显示一个本地视频，在我的应用程序上，当连接到互联网时，这是有效的，但当应用程序离线时，视频不能播放/工作/加载。
下面是我的项目结构：
App.js app.json node_modules yarn.lock
App.test.js images package.json
README.md my-app-key.keystore videos
以下是视频播放器组件的代码：
impo
浏览 12提问于2017-08-24得票数 0
1回答
我已经尝试使用在我的应用程序中集成instagram登录，它目前的抛出错误，我已经做了下面的更改，使它工作也试图遵循一个特定的解决方案在，但似乎没有工作，任何帮助将不胜感激。
ERROR Invariant Violation: View config getter callback for component `RCTModalHostView` must be a function (received `undefined`).
This error is located at:
in RCTModalHostView (at Modal.js:258)
in Modal (at I
浏览 12提问于2021-07-08得票数 0
1回答
我们正在构建一个react原生应用程序，我们的客户希望我将其翻译成其他语言。 我们的计划是使用i18next我们必须让它离线。我可以为react native脱机使用i18next吗？ 谢谢，Vignesh
浏览 16提问于2021-01-06得票数 0
回答已采纳
我创建了完整的离线ReactJS web应用程序，我想使用Reacti-Native从Web运行它。
为此，我遵循了以下程序：
我创建了一个编译过的ReactJS web应用程序，使用以下命令获得了build：
npm run build
然后，我创建了react本机项目，并将build文件夹放置在以下体系结构中
我用以下内容更新了App.js：
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, WebView} from
浏览 0提问于2019-05-14得票数 9
因此，我正在尝试在React-Native应用程序中下载一个完整的HTML页面，以便用户稍后在离线时也可以查看该页面。我正在使用WebView渲染页面，它在网上工作时没有任何问题。 为了让它离线，我执行了一个axios.get来获取页面并将其存储起来。但是当我渲染这个页面时，我注意到它丢失了所有的css/图像，因为它们不是GET请求的一部分。如何下载完整的HTML页面并将其呈现为在线状态？ 我想不出任何方法来下载该页面的所有资产。
浏览 29提问于2020-07-11得票数 4
1回答
即使策略是本地的，羽毛身份验证也只提供JWT身份验证。我应该为express-session的使用和干净的passport实现制作完全自定义的中间件，仅仅是为了实现常规会话行为，还是有一些解决方案可以实现这个目的？
另外，我也想使用passport.socketio作为身份验证套接字。
浏览 3提问于2018-02-07得票数 1
4回答
尝试同步Gradle时，我遇到以下错误：
A problem occurred configuring project ':react-native-google-signin'.
> Could not resolve all artifacts for configuration ':react-native-google-signin:classpath'.
> Could not find com.android.tools.build:gradle:3.6.3.
Searched in the following locat
浏览 1提问于2020-05-08得票数 3
我使用react-native init创建了一个使用react-native init的反应本机项目，该项目是在GitHub回购中推送的。
现在，当我在一个不同的系统上克隆这个项目时。下面是目录结构
app/XYZApp
下面是我正在使用的一组命令和步骤。
cd app
brew install node
brew install watchman
npm install -g react-native-cli
install android studio and required SDKs
install X-Code
react-native init MyApp
pro
浏览 2提问于2018-03-21得票数 1
回答已采纳
我曾尝试使用react-native-camera在我的react-native应用程序中实现Camera，但是似乎行不通。当我运行react-native run-android时，出现空白屏幕，没有任何错误。这是我的代码，
import Camera from 'react-native-camera';
<Camera
style={Styles.preview}
aspect={Camera.constants.Aspect.fill}
ref={cam => { this.camera = cam; }}
浏览 0提问于2017-09-04得票数 0
3回答
如何在JSS中指定:焦点属性？
、、、、
我将react-native-web与expo和react-native-paper (material ui)一起使用
我的问题是在编译的web版本中的焦点轮廓属性上的文本区域，所以我需要去掉这个蓝色边框。通常我会这样做
textarea:focus {
outline:none!important
}
对于react-native，我们不能只使用jss而使用css，但是如何使用这个属性呢？
<TextInput
label='Email'
value={this.state.text}
onChangeText={text => thi
浏览 0提问于2019-09-01得票数 1
现在，我正在尝试将sqlite-storage(https://github.com/andpor/react-native-sqlite-storage)和react-native-fs(https://github.com/itinance/react-native-fs/)添加到一个使用react-native完成的项目中。然而，这两者都需要我在ios和android文件中添加一些代码行。情况是，我使用expo创建了这个项目，而expo似乎没有这些文件。 目前，我正在尝试为我的应用程序创建某种类型的离线存储(我想我会抛弃sqlite，因为它不是那么必要，只需要保留react-nativ
浏览 4提问于2019-08-30得票数 0
回答已采纳
错误: TypeError:无法读取异步(G:\React-Native\Native\chatmat\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)的processModule (G:\React-Native\Native\chatmat\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)的未定义的resolveDependencies processModule的属性'reduce‘异步addDependen
浏览 31提问于2021-10-13得票数 0
我使用CMD执行我的反应性本机项目的离线捆绑。
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
由于绑定是脱机完成的，所以我不希望JS服务器在运行命令react-native run-android之后每次都启动。
有没有办法避免启动JS服务器？
浏览 3提问于2017-03-08得票数 0
回答已采纳
我计划为移动开发一个react原生应用程序，并为web应用程序提供相同的代码基础。我的应用程序应该离线工作，将数据存储在某种类型的数据库中，有没有什么数据库可以同时在移动和网络上工作，用于react native？
我已经研究了Realm和PouchDB，Realm和pouch将在react原生移动设备中工作。我不清楚他们是否会在web app上工作。
浏览 21提问于2019-10-21得票数 2
我们的图像和数据库中的视频被压缩成webp。然而，我是一名使用React Native的iOS开发人员。在React Native文档中，iOS不支持webp镜像。我该怎么处理呢？我的RN版本是0.59。有什么解决方案吗？
浏览 57提问于2020-01-20得票数 0
回答已采纳
一段时间以来，我一直在尝试通过包来响应本地Firebase Google的登录。我已经跟踪了文档，以便读取它和其他各种命令，比如从SDK开始。
我的项目设置如下所示：
Podfile
# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'
target 'giftdrop' do
### GOOGLE MAPS ###
rn_path = '../node_modules/react-na
浏览 0提问于2018-08-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
