如何在react-native expo中选择本地和sd音乐
在React Native Expo中选择本地和SD音乐，可以通过使用相关的库和API来实现。
- 选择本地音乐：
- 首先，需要使用
expo-file-system库来访问设备上的文件系统。该库提供了访问本地文件的功能。 - 使用
expo-permissions库来获取读取设备文件系统的权限。 - 使用
expo-media-library库来获取设备上的音乐文件列表。 - 使用
expo-av库来播放本地音乐文件。 - 示例代码：
- 示例代码：
- 首先，需要使用
- 选择SD音乐：
- 在React Native Expo中，访问SD卡上的音乐文件需要使用
expo-file-system库。 - 使用
expo-permissions库来获取读取设备文件系统的权限。 - 使用
react-native-fs库来访问设备的文件系统。 - 使用
react-native-fetch-blob库来下载SD卡上的音乐文件。 - 使用
expo-av库来播放下载的音乐文件。 - 示例代码：
- 示例代码：
- 在React Native Expo中，访问SD卡上的音乐文件需要使用
请注意，以上示例代码仅为演示目的，实际使用时需要根据具体情况进行适当的修改和错误处理。另外，腾讯云并没有直接相关的产品或服务与React Native Expo中选择本地和SD音乐的功能对应，因此无法提供相关的产品和产品介绍链接地址。
相关·内容
2回答
IDE不承认Jest及其功能
、、、、
我有一个基本的反应-本地/世博模板应用程序。我在开发依赖项中添加了jest-expo和react-test-renderer，并像中所记录的那样更新了package.json。
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
...
"test": "jest"
},
"dependencies": {
"expo": "~41.0.1",
...
浏览 5提问于2021-06-08得票数 2
我无法在我的应用程序中使用“react原生-sqlite存储”。我正在使用世博建立纯粹的反应-本地应用程序。
我已经尝试了重新安装，反应本机，但它没有工作。
这是我的包裹。This
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo st
浏览 0提问于2019-06-12得票数 2
回答已采纳
1回答
如果我能够添加对调试React的支持，或者选择在一个npm run文件中运行package.json，或者在一个package.json文件中响应本地CLI，那就太好了。
即package.json，包括：
"scripts": {
// expo commands
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
&#
浏览 4提问于2019-07-10得票数 0
我正在尝试为android设备创建一个自定义插件，它可以从应用程序界面本身调用用户，而不是使用本地android应用程序，并通过在expo应用程序中链接来实现expo应用程序中的插件。但是，当我在JS代码中导入该模块并使用它时，该模块将变为空。 这是我的build.gradle文件 buildscript {
repositories {
jcenter()
google()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.4.1'
浏览 41提问于2019-06-10得票数 0
我需要弄清楚create- react-native -app然后分离和react-native init之间的区别。
据我所知，前者将基于世博会创建一个应用程序，后者需要分离以公开android和iOS的本机代码以实现本机代码。react-native init将同时生成本地代码。
使用create- react-native -app命令创建expo后脱离expo和react-native init有什么不同吗？
浏览 1提问于2018-06-08得票数 0
我正在使用博览开发我的React本地应用程序，我想开始使用一个使用选项卡的导航。
我使用npm安装了它，现在，我看到了这个问题。
这是我的package.json：
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo sta
浏览 4提问于2020-02-01得票数 4
回答已采纳
我正在用博览制作一个vue本地应用程序。当升级到expo 33时，我从“node_ module / expo /AppEntry.js”中得到以下错误“无法解决”./../App“。
我已经做了一个新的项目从零和同样的错误仍然发生。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --a
浏览 1提问于2019-07-25得票数 2
回答已采纳
1回答
你好，我正在尝试在我的react本地应用程序(在世博上运行它)中放置一个简单的react原生模式，但是它总是可见的。当我将可见的道具设置为false时，它仍然显示。有关守则如下：
主要部件
import React, {Component} from 'react';
import {View, Text, Modal} from 'react-native';
class Home extends Component {
render() {
return (
<View>
<Modal visible=
浏览 3提问于2020-06-19得票数 1
回答已采纳
有人能在我早期的旅程中帮助我使用“反应本地人”和“世博”吗？
JSX元素类型“Text”没有任何构造或调用signatures.ts(2604)
App.tsx
import { StyleSheet, Text, View } from 'react-native';
import FrontCard from './components/FrontCard';
const App = () => {
return (
<View style={styles.container}>
<FrontCard /&g
浏览 8提问于2022-11-12得票数 0
回答已采纳
我已经使用create react原生应用程序工具创建了我的应用程序的初始设置。对于CRNA，我也使用了Expokit。在将CRNA弹出到react-native init设置后，我无法使用expo相机功能。我在模拟器中启动应用程序时遇到以下错误(“未定义不是对象(计算‘ExponentConstants.linkingUri)’”)。如何在弹出应用程序后解析和使用expokit？
浏览 2提问于2017-10-04得票数 2
我使用的是@expo/vector-icons这里是我的package.json文件
"dependencies": {
"@expo/vector-icons": "^4.1.1",
"color": "^1.0.3",
"expo": "^30.0.1",
"moment": "^2.22.2",
"react": "16.3.1",
"react
浏览 2提问于2018-10-10得票数 1
回答已采纳
1回答
我在android上遇到了一个反应本地应用的问题，
应用程序是使用世博开发的。
应用程序在iOS设备和iOS模拟器上运行良好
运行在android模拟器上的在启动时发出警告.
可能未处理的拒绝承诺(id: 0)：
TypeError:网络请求失败
仿真器的误差图像附后。
对fetch的任何后续调用都挂起以下错误
未处理的承诺拒绝: TypeError:网络请求失败
node_modules/whatwg-fetch/dist/fetch.umd.js:535:17 in setTimeout$argument_node_modules/react-native/Libraries/Core/T
浏览 6提问于2020-12-14得票数 0
我们与世博一起开发，需要一个弹出，因此我们退出了世博，可以选择使用expoKit。我们听说在这种状态下运行服务器有两种方法。
在expo startto react-native start之后在xcode中构建，或者在react-native start之后的另一个选项卡中构建react-native run-android
如果我们第一次运行它，它将像以前一样工作，但是它没有正确地加载本机库。所以我们用第二种方式运行它，得到以下错误。我们认为邦德勒的地图不对。
下面是react-native start或react-native start —reset-cache的日志
$ r
浏览 9提问于2020-03-11得票数 0
回答已采纳
我已经建立了一个简单的反应本地移动应用程序与世博，并增加了一些东西(反应-本地-网络和样式-组件)。
在react原生网站上成功运行代码之后，我再次在Android上运行，试图在应用程序上继续运行。
突然间，每当我使用react本机文本组件时，它就会显示这些错误中的多个：
使用react本机web运行相同的代码仍然很好。
我还尝试将我的代码恢复到我最初的设置(并清除我的node_modules)后，进入世博会，但运行“纱安卓”给我完全相同的错误。
有时也会看到这个错误，但是不知道它是否相关：
My App.tsx:
import { StatusBar } from 'ex
浏览 4提问于2021-08-24得票数 0
我按照本指南在我的世博会管理项目中安装了react本地采购：
当我使用以下一行导入包时:从“react本地采购”导入采购；在ios上得到以下错误(Ipad,14.5)：
Invariant Violation: Native module cannot be null.
at node_modules\react-native\Libraries\LogBox\LogBox.js:149:8 in registerError
at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl
at node_
浏览 8提问于2022-07-27得票数 0
回答已采纳
我正在尝试将安装到一个新创建的基于expo的本地应用程序中。
为了添加测试用例，我遵循了中提到的步骤，并安装了和。
之后，我尝试使用命令安装。
npm install --save-dev @testing-library/react-native
并开始获取以下错误
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: image-jest@1.0.0
npm ERR! Found: react@17.0.1
npm ERR!
浏览 1提问于2022-03-08得票数 0
我已经根据yarn create expo-module创建了一个使用的世博会模块
当我在Android中打开模块的android文件夹并运行gradle同步时，它会产生一个错误：
Project with path ':expo-modules-core' could not be found in root project 'android'
Gradle脚本使用project(":expo-modules-core")。expo-modules-core位于node_modules目录中，但是expo-module纱线模板没有以任何方式连接
浏览 9提问于2022-06-22得票数 2
1回答
我无法让Jest快照测试在React本地世博会应用程序中工作。根据节点模块和配置的集合，我得到了各种各样的错误。
例子如下：
* SyntaxError: Unexpected identifier import ...或其他文件中的import React，
* jest encountered an unexpected token import，
与script_transformer有关的错误。
这是我的package.json
{
"name": "empty-project-template",
"main": "no
浏览 0提问于2019-01-30得票数 0
回答已采纳
2回答
实际上，我是react-native的初学者，据我所知，我有两个选项可以安装react原生的，即react本地CLI和Expo 。对于安装的初学者来说，和反应本地应用程序开发的使用哪个更好，哪个更适合初学者使用更支持，我对此感到困惑。
浏览 6提问于2020-04-06得票数 0
回答已采纳
1回答
我试图开始测试反应-本地人/博览会和打字稿。我已经创建了一个应用程序与世博会的基本类型记录模板。
为了开始测试，我遵循了世博会关于的文档。我添加了jest-expo和react-test-renderer作为开发依赖项，并按照文档更新了package.json：
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
...
"test": "jest"
浏览 5提问于2021-06-07得票数 4
回答已采纳
1回答
问题：
我正在创建一个与防火墙集成的博览应用程序。在这里，我创建了一个配置文件来连接数据库。这就是它的样子。
import Firebase from 'firebase';
let config = {
apiKey: "mykey",
authDomain: "mytrain-5beba.firebaseapp.com",
databaseURL: "https://mytain-5beba.firebaseio.com",
projectId: "mytain-5beba",
浏览 1提问于2018-11-05得票数 0
回答已采纳
1回答
我是新的反应本地人，我正在建立一个简单的新闻应用程序。我可以在NewsListScreen上获取和显示项目，但是不能将对象传递给NewsItemScreen，也不能打开链接在浏览器中读取文章。会感谢你的帮助。
这是我的卡组件
import React from 'react';
import { StyleSheet, View, Text, Image } from 'react-native';
import { AntDesign } from '@expo/vector-icons';
import { useDispatch, useS
浏览 20提问于2022-10-29得票数 0
"firebase“作为依赖项被添加到项目的package.json中，但它似乎并未安装。请运行"yarn“或"npm install”来解决此问题。
在本地expo-cli上运行react-native时，我得到了这个错误。我的依赖项中有firebase-7.9.0和expo- ^40.0.0，但它仍然显示此错误。
浏览 2提问于2021-05-25得票数 10
我正在尝试使用create-react-native-app与世博在一个单一的设置。当我从一个子文件夹app/启动应用程序并导入@expo/vector-icons时，我会发现字体家族丢失了一个错误。
"fontFamily" 'material' is not a system font and has not been loaded
through Expo.Font.loadAsync.
如果我在主src/文件夹中启动应用程序，图标就会很好地加载。
我已经配置了我的rn-cli.config.js，以便该应用程序能够对其他依赖项进行编译和运行。我的项目的
浏览 16提问于2017-12-04得票数 1
回答已采纳
我有一个问题，我的反应-本地移动项目。当我运行npm启动，我有这个错误，我不知道它会是什么。
在解析模块react-native/Libraries/NewAppScreen时，找到了Haste包react-native。但是，无法在包中找到模块Libraries/NewAppScreen。事实上，这些文件都不存在：
D:\Master\Semestre 1\Mobile\Projet\InsaneFrigo\node_modules\react-native\Libraries\NewAppScreen(.native||.android.expo.ts|.native.expo.ts
浏览 2提问于2020-02-25得票数 0
1回答
反应-本土化降级
、、、
我尝试使用react本机调试器来调试我的应用程序。我发现react-本机调试器不能像我的react一样工作--本机在0.63.4版本中，而react本机调试器只支持0.62个版本。因此，他们之间没有联系。我只想要降级我的反应-本机为0.62或升级反应-本机调试器。
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo sta
浏览 5提问于2021-02-02得票数 0
我一直在尝试在我的android手机上运行expo上的本地应用程序react。我一直无法解决，因为在expo上无法解决"components/MenuComponent.js“中的"../shared/baseUrl”错误。
这是我的项目的文件夹树，在这里您可以看到baseUrl和MenuComponent.js (组件上的其他js模块导入了错误的baseUrl.js )：
以下是组件/MenuComponent.js的imports部分：
import React, { Component } from 'react';
import { Vie
浏览 1提问于2019-03-26得票数 0
2回答
当我使用expo运行react本机项目时，我得到了这个错误：“这个项目使用SDK 38.0.0，但是这个版本的博览Go只支持以下SDK : 43.00，42.0.0，41.0.0，40.0.0。要加载该项目，必须将其更新为受支持的SDK版本，或者必须使用较早版本的世博会Go”我已经在项目中安装了所有需要的软件包，那么如何解决呢？
"dependencies": {
"@eva-design/eva": "^2.1.1",
"@react-navigation/drawer": "^6.1.8",
浏览 17提问于2021-12-12得票数 5
2回答
你好，我试图实现导航到我的反应本地应用程序，应用程序没有启动，当它这样做时，它会显示这个错误.(0，_reactNavigation.StackNavigator)不是函数.！下面的代码是从这个博客中粘贴的。我知道，由于V3中的react导航更新，在导出它之前，必须将StackNavigator包装在createAppContainer函数中，所以我在这里还做错了什么!！
//the app.js code
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} f
浏览 2提问于2019-08-28得票数 1
我在使用appeared组件()时遇到了一些小问题，但是当我试图加载ant设计字体时，出现了一个错误。赛义德
无法从“"@ant-design/icons-react-native/fonts/antoutline.ttf”“解析App.js
。
守则：
async componentDidMount() {
await Font.loadAsync({
antoutline: require("@ant-design/icons-react-
native/fonts/antoutline.ttf")
}
浏览 3提问于2019-03-15得票数 3
回答已采纳
试图运行一个世博反应本地项目w/收益猫集成。但是，每当我下载了react-native-pruchases库时，我就会继续得到这个错误。
Invariant Violation: Native module cannot be null
我通过运行npm install react-native-purchases --save下载了库，没有做任何附加的。我为这件事发疯了，所以我们很感谢你的帮助。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
浏览 9提问于2022-06-27得票数 1
我有一个世博会(版本34.0.1)的应用程序与反应原生webview。我希望将位于./assets/webApp/index.html的静态网站加载到此webview中。我正在尝试获取index.html文件的本地uri路径，但是当我这样做时
const localUri = Expo.Asset.fromModule(require('./assets/webApp/index.html')).localUri
localUri变量返回null。当我得到uri而不是localUri时，我得到了文件的URI路径。我做错了什么？
下面是我用App.js编写的代码
import
浏览 16提问于2019-08-15得票数 2
1回答
我正在遵循一个Udemy课程来构建一个演示反应本地应用程序。到目前为止，应用程序由3个组件组成-- App、AlbumList和AlbumDetail。下面列出了每个代码。
App.js
import React, { Component } from 'react';
import View from 'react-native';
import AlbumDetail from './AlbumDetail'
import axios from 'axios';
class AlbumList extends Compon
浏览 1提问于2019-01-29得票数 2
回答已采纳
3回答
我正在制作用“创建-反应-本地-应用程序”和expo制作的本地应用程序，我想让它显示按下按钮上的触摸ID视图。我知道世博的客户端提供了所有本地的东西，比如:触摸ID，联系人。但是当我实现内置功能并按下手机上的按钮来测试它时，它会显示一个错误。
这是我得到的一个错误：
这里是我正在使用的代码的一部分
import React, {Component} from 'react';
import {
StyleSheet,
Text,
View,
Image,
StatusBar,
TextInput,
Button
浏览 3提问于2017-07-27得票数 1
回答已采纳
因此，我遇到了许多依赖关系方面的问题，例如，我无法安装“react传单”来使用map，因为它与事物冲突。我查看了全新的expo react-本地应用程序依赖程序的版本，看起来其中一些版本是旧版本。
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios":
浏览 0提问于2021-03-17得票数 2
回答已采纳
如何为包含NavigationEvents子组件的react本机组件编写一个jest单元测试。
我尝试过在和问题中提供的解决方案，但都没有成功。
我所犯的错误是
console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9215
The above error occurred in the <Context.Consumer> component:
in withNavigation(NavigationEvents) (cre
浏览 6提问于2020-03-08得票数 1
回答已采纳
我们使用expo-cli作为本地依赖项，以便在没有全局安装expo-cli的情况下从npm脚本运行build:web。当执行npm run build:web时，我们会得到下面的异常。
为了创建一个最小的示例，我们使用expo init创建了一个空白的typescript项目，并运行了npm install expo-cli -D。在没有typescript的情况下做同样的事情，一切都像预期的一样，所以我们认为问题与typescript有关。
尝试构建时发生以下异常：
>>npm run build:web
> @ build:web /home/anna/examplet
浏览 2提问于2019-10-30得票数 1
1回答
我在用：
react-native-cli: 2.0.1
react-native: 0.48.3
npm: 4.6.1
expo: 20.1.3
App本机应用程序是通过命令创建的：react-native init
我使用了react-native link和react-native link expo命令
问题来了，每次我像这样进口世博会
import { Permissions } from 'expo';
或
const Expo = require('expo');
我知道这个错误：
顺便说一句，
浏览 2提问于2017-09-12得票数 1
回答已采纳
程序本身运行得很好，但是Typescript在我的组件的return函数中用红色下划线了很多项目。特别是来自我的react-native导入的任何内容。 任何像View、Button之类的东西都会抛出这些“错误”。我把错误放在引号里是因为这个应用程序运行起来没有任何问题。我的IDE (VS Code)中的Typescript是唯一抱怨的东西。如果我选择(通过右下角的状态栏选择器) JavaScript React或TypeScript React，它会抛出这些错误。下面是一个示例： ? 以下是我的package.json的重要部分 "scripts": {
&
浏览 1213提问于2020-10-08得票数 0
回答已采纳
我已经开发了一个使用React-native的应用程序，现在我使用exp convert转换为expo。我对需要的文件夹做了所有的更改(按照expo -next-steps.txt中的步骤操作)，但是当我在expo XDE上运行项目时，我得到了像Error: Missing app.json.这样的错误如何解决这个问题？我在react-native应用中使用了本地推送通知。但是在项目结构中有一个名为app.json的文件，仍然收到这个错误。我是世博会的新手，请大家帮帮我。
浏览 0提问于2017-04-04得票数 10
1回答
我将上传一个用于我的react本地应用程序的keystore，所以我将这个命令运行到我的终端中，并得到这个错误
无法读取未定义的属性“状态”
TypeError:无法读取未定义的属性“状态”
_getForPlatformAsync (/@expo/xdl@55.0.14/src/Project.js:163:70)
在process._tickCallback (内部/process/next_tick.js:68:7)
这是我的app.json
{
"expo": {
"name": "LostInTunisia
浏览 1提问于2019-07-09得票数 2
我正在使用世博会sdk 37.0.1 &请求相机和画廊许可。它在本地expo设备和模拟器中工作，但当我在真实设备上安装APK时，它总是被拒绝。下面是获取/设置权限的代码。 const resultCamera = await Permissions.askAsync(Permissions.CAMERA); 我还在app.json文件中添加了权限，这似乎是正确的，根据expo本身的文档，这是独立应用程序所需的。 https://docs.expo.io/versions/latest/sdk/permissions/#android-permissions-equivalents-i
浏览 26提问于2020-07-13得票数 1
在尝试使用react本机应用程序时，我使用Webstorres2019.3.4和一个简单的空白react--用expo init myProject创建的本地应用程序项目
每当我使用<Text>等本机组件时，WebStorm就提供了自动导入功能。
但是，组件是从错误的库导入的。它从react-native-web而不是react-native中提取出来
下面是默认的package.json：
"dependencies": {
"react-native": "https://github.com/expo/react-native/
浏览 3提问于2020-04-16得票数 1
回答已采纳
1回答
解决依赖冲突与世博反应
、、、、
我用create-react-native-app创建了一个新的应用程序，并立即使用将Expo更新为29.0.0。
其中一个指令是在"react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz"中设置package.json。世博的这一版本特别使用了与一样的本地。
然而，当我yarn install时，我会收到如下的依赖警告：
警告"expo >react本机-map@0.21.0“具有不正确的对等依赖关系”react本机@^0.51\x\x\0.5
浏览 0提问于2018-08-04得票数 3
回答已采纳
我正在开发一个使用React的移动应用程序--本地和世博。
一切都做得很好，应用程序正在按预期运行。
但是在导入一些@expo库时，我的测试没有运行。
错误是经典的错误：SyntaxError:意外令牌导入
提供错误信息的全部内容：
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import glyphMap
浏览 3提问于2017-08-22得票数 3
发行：
我最近在我的世博项目中遇到了一个阻塞问题()。
类型强制转换表达式需要用括号包装
我检查了我的代码，没有注意到会导致这个问题的任何更改。
当我键入使用MetroBundler启动世博建筑(shell)的指令时，它总是会抛出一个错误。
expo start
Expo DevTools is running at http://localhost:19002 Opening DevTools in the browser... (press shift-d to disable) Starting Metro Bundler
ERROR :
Failed building JavaScri
浏览 3提问于2021-02-08得票数 1
回答已采纳
1回答
在我的react本地项目中添加一些自定义字体，我尝试了很多不同的方法，但是每次我得到错误信息时：
Error fontFamily "someFont“不是系统字体，也没有通过Font.loadAsync加载。
我读过这个页面，也尝试过这个方法:
这里是我的package.json :
dependencies": {
"@use-expo/font": "^2.0.0",
"expo": "~40.0.0",
"expo-font": "~8.4.0"
浏览 2提问于2021-04-11得票数 0
我已经创建了一个反应本地应用程序，使用世博和反应导航。对于菜单，我使用的是react导航抽屉。
就像中建议的那样，我想在大屏幕上展示抽屉，在小屏幕上显示抽屉。
最初的行为是正确的，但是当我用web应用程序调整屏幕大小时，我确实看到了一个问题，从大到小，从大到大。drawerType被更新，但是面板是空的。当我点击标题中的切换按钮时，它有时会出现。
在调整屏幕大小后，如何使抽屉始终可见？
极简代码示例：
import * as React from 'react';
import { View, Text } from 'react-native';
i
浏览 4提问于2022-01-20得票数 0
回答已采纳
我有一个非常困难的时间得到Jest和运行我的RN博览会项目(这样我可以玩和学习它)。
FAIL screens/HomeScreen.test.js
● Test suite failed to run
The Expo SDK requires Expo to run. It appears the native Expo modules are unavailable and this code is not running on Expo. Visit https://docs.expo.io to learn more about developing an Expo
浏览 0提问于2019-05-02得票数 3
回答已采纳
2回答
由于某些原因，我不能让顺风rn真正的风格我的程序。当我运行expo时，这些项目没有对齐到中心，即使我把它放在代码中。
import { StyleSheet, Text, View, Button } from 'react-native';
import {TailwindProvider} from 'tailwind-rn';
import utilities from './tailwind.json';
import {useTailwind} from 'tailwind-rn';
export default fu
浏览 9提问于2022-07-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
