React Native Expo图像保存尝试: TypeError: Null不是对象
React Native Expo是一个用于构建跨平台原生应用程序的开发工具包（SDK）。它基于React Native框架，使开发者能够使用JavaScript和React来编写移动应用程序。
在React Native Expo中进行图像保存尝试时，如果出现“TypeError: Null不是对象”错误，这通常是因为在代码中使用了一个空对象或空值，而对其进行了对象属性或方法的访问。
要解决这个错误，可以按照以下步骤进行检查和修复：
- 检查代码中是否有使用到空对象或空值，例如可能存在以下情况：
- 变量未被正确初始化或赋值。
- API返回了空对象或空数组。
- 使用了未定义的变量或属性。
- 确保在访问对象属性或调用方法之前，先对对象进行有效性检查，可以使用条件语句（如if语句）进行判断，避免对空对象进行访问。
- 使用调试工具或打印语句来检查代码中的变量值，以确定是否存在空对象或空值。
- 确保使用正确的方法和属性来操作图像保存，可以参考React Native Expo官方文档中关于图像保存的说明和示例代码。
- 在处理图像保存时，可以使用相关的第三方库或组件来简化操作，例如
react-native-image-picker或react-native-camera。
以下是一些可能有助于解决问题的腾讯云产品和相关链接：
- 腾讯云对象存储（COS）：提供高可靠性、低成本的云存储服务，适用于图像保存和管理。了解更多：腾讯云对象存储（COS）
请注意，以上答案是基于给出的问题和要求，以及仅限于腾讯云产品和链接。为了获得更准确和全面的解答，建议参考官方文档和相关技术资料，并考虑使用适合您项目需求的技术工具和云服务提供商。
相关·内容
当我尝试使用世博图像机时，应用程序会冻结，打开画廊或相机，它们会立即关闭，这只发生在iOS上，在Android上运行得很完美。
这是我的代码
getPermissionAsync = async () => {
if (Constants.platform.ios) {
const { status } = await Permissions.askAsync(Permissions.CAMERA, Permissions.CAMERA_ROLL);
if (status !== "granted") {
alert(
浏览 1提问于2019-11-05得票数 2
我正在尝试使用stripe-react-native (通过expo和使用android)库，但是我立即使用了StripeProvider，我得到了这个错误(我遵循了文档)：
TypeError: null is not an object (evaluating '_NativeStripeSdk["default"].initialise')
This error is located at:
in StripeProvider (at App.js:35)
in EnsureSingleNavigator (at BaseNavigati
浏览 0提问于2021-05-27得票数 0
我正在尝试测试一个基本的Axios钩子，并接收到： TypeError: globalObj.setTimeout is not a function
at setImmediatePolyfill (node_modules/@testing-library/react-native/build/helpers/timers.js:59:20)
at Object.then (node_modules/@testing-library/react-native/build/flushMicroTasks.js:26:32) 据我所知，预期的正在通过，但由于某些原因
浏览 11提问于2021-11-18得票数 2
回答已采纳
我正在创建一个反应本地应用程序，以使用博览会相机模块。
所以我声明了一个摄像机变量
let camera: any = null;
我是，从返回中传递对此的引用如下：
<Camera style = {{flex: 1, opacity: camOpacity}}
type = {state.type}
ratio = "2:1"
ref = {async (ref) => (camera = ref)}>
但是当我运行这个应用程序时，它会正常启动，但是当我尝试拍照时，它会出错：
[Unhandled
浏览 0提问于2020-10-11得票数 1
我有一个API类，我试图在一个React应用程序中使用它。
// API file
class API {
...
}
export default API;
// Other file
import API from "utils/API";
const api = new API();
我发现了一个错误：
TypeError: _API.default is not a constructor
但是..。好像我的默认设置好了？
我的Jest设置如下：
"jest": {
"setupFiles": [
"
浏览 43提问于2022-04-15得票数 1
回答已采纳
我刚开始使用react native和firebase，我遇到了这样的错误："TypeError: Cannot read property 'auth‘of undefined“ 我继续将我的代码附加到图像中： ? 我还继续复制和粘贴依赖项： "dependencies": { “@react-native-community/masked view”："0.1.10"， “@react导航/底部选项卡”："~5.2.6"， “@反应导航/本机”："~5.1.5"， “@react-导航/堆栈”
浏览 10提问于2021-10-13得票数 1
回答已采纳
1回答
试图选择一个视频文件上传到mux从反应本地博览图像选择器。
选择75 no的视频在几秒钟后得到这个响应是没有问题的：
{uri: 'data:video/pm4;base64.AAAHDSHG...e.c.t', width: 0, height: 0, cancelled: false}
然而，当我试图在30秒左右选择一个大于1GB的视频文件时，我不会收到任何错误消息，只会成功地使用空uri。
{uri: '', width: 0, height: 0, cancelled: false}
它与base64的大小有关吗？
我如何选择一个大的视频文件发送到服务器
浏览 4提问于2022-03-14得票数 1
我正在将应用程序从世博会SDK 38更新到世博会SDK 39。一切都很顺利，它在世博会客户端上运行完美。 当我在提交前构建一个独立的应用程序进行测试时，使用以下内容： expo build:android -t apk --release-channel some-build-release 我打开应用程序时没有显示任何资产。我的自定义字体在相同的assets目录中，正在被正确地使用。 我使用以下app.json将资产直接捆绑到二进制文件中 "assetBundlePatterns": [
"assets/**/*"
], 我的所有资产都在
浏览 30提问于2020-10-30得票数 1
回答已采纳
5回答
我开始使用React Native和Expo，我遇到了我的第一个问题。我想更改Android上导航栏的颜色。不幸的是，我不知道该怎么做。 ? 我试着用 https://github.com/thebylito/react-native-navigation-bar-color#readme 但它会打印出以下错误： TypeError: TypeError: null不是对象(计算null if (Platform.OS == 'android') {
changeNavigationBarColor('#f00', true);
}
浏览 93提问于2019-06-24得票数 6
回答已采纳
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
useContext在这里运行得很好，屏幕更改前的console.log按照预期工作，并给出了user对象(只需复制/粘贴相关信息以节省时间) import React, { useContext, useState, useEffect } from "react";
import { AuthContext } from "./AuthProvider";
const Routes = () => {
const { user, setUser } = useContext(AuthContext);
const [initializing
浏览 11提问于2020-12-05得票数 6
回答已采纳
我正在创建一个使用Expo拍照的应用程序，我已经可以将图片保存到FileSystem.documentDirectory，但这不是我想要的。 我尝试使用如下代码将图像保存到Camera Roll： import { CameraRoll } from 'react-native';
...
...
await CameraRoll.saveToCameraRoll(photo.uri); 但是它返回了一个警告，让我使用react-native-cameraroll而不是react-native。但正如我在react-native-cameraroll文档中看到的，它似乎不支持
浏览 11提问于2020-01-06得票数 8
回答已采纳
我正在使用react native和expo 4.4.4和"react-native-material-dropdown"："^0.11.1"，
这个库是从这个和中挑选出来的
只需复制粘贴您给出的示例用法代码...
它显示了以下错误：
TypeError: undefined is not an object (evaluating '_reactNative.Animated.Text.propTypes.style')
at node_modules/react-native/Libraries/Core/ExceptionsManager.
浏览 1提问于2021-05-12得票数 0
我正在尝试获取要保存到我的设备的图像。我使用react-native-view-shot来捕获组件，并使用react-native-community/cameraroll来保存它。 我收到一个错误： [Unhandled promise rejection: TypeError: null is not an object (evaluating '_nativeInterface.default.saveToCameraRoll')]
* http://172.16.17.76:19001/node_modules/expo/AppEntry.bundle?platfor
浏览 35提问于2020-01-24得票数 1
我使用的是React原生的Expo "sdkVersion": "35.0.0"。现在我面临着react-native应用程序代码的错误TypeError: undefined is not an object (evaluating '_expo.BarCodeScanner.Constants')，该应用程序带有摄像头组件(初始片段)： import { BarCodeScanner } from 'expo';
import * as FileSystem from 'expo-file-system';
浏览 15提问于2019-10-03得票数 0
我有这个问题的反应本机，反应导航，即使有这个错误导航流仍然工作。
类型' string‘的参数不能分配给类型'{ key: string；params?：undefined；merge?：boolean；}{ name: not；key?：string\未定义；params: not；merge?：boolean；}'.ts(2345)
export function LoginContainer() {
const navigation = useNavigation()
async function handleSignInEmail() {
浏览 15提问于2022-01-18得票数 0
我正在尝试使用博览的Print.printToFileAsync(选项，但我继续得到未处理的承诺拒绝: TypeError:未定义不是一个对象(评估'_expoPrint.Print.printToFileAsync')。
我在网上找了很多解决方案，但找不到解决办法。我开始使用React本地库，但正如我搜索的那样，我只能使用博览的库，所以我切换到了Print.printToFileAsync()。
App.js
import React, {Component} from 'react';
import { StyleSheet, Text, View, Tou
浏览 2提问于2019-06-25得票数 0
回答已采纳
1回答
在安装expo图像选择器之前，该构建运行良好。但是，即使在移除包后，它现在也不起作用。
这是build命令。
eas build -p android --profile preview2
android和ios的构建都失败了。这看起来像是图像错误，我从我的应用程序中删除了所有的图像，但是问题仍然存在。
这是我的package.json
{
"name": "my-app",
"version": "1.0.0",
"scripts": {
"start": "
浏览 8提问于2022-05-29得票数 1
在世博反应本机应用程序中，在执行react-native link后执行yarn add react-navigation native-base时会出现以下错误。
添加“反应导航”和“本机基础”时显示的警告
warning “expo > react-native-maps@0.21.0” has incorrect peer dependency “react-native@^0.51 || ^0.52 || ^0.53 || ^0.54”.
warning “expo > react-native-reanimated@1.0.0-alpha.3” has incorrec
浏览 1提问于2018-06-28得票数 1
回答已采纳
我是React Native的新手，但我正在尝试使用ImageBackground组件添加一个png作为背景图像。我将png放在我的项目目录下的"assets“文件夹中。当我在我的iPhone上运行带有Expo的应用程序时，我得到这个错误：TypeError: undefined is not an object (evaluating 'asset.scales') 这是我的代码： import React, {useState, Component} from 'react';
import {StyleSheet, Text, View, Tex
浏览 17提问于2019-10-12得票数 4
回答已采纳
1回答
我有一个独立的使用@expo/vector-icons的世博会项目，但是它没有在版本构建变体上加载矢量图标。
在调试中，矢量图标正确显示(见下图)，但在发布时，它们根本不显示。我尝试在本地使用expo start --no-dev --minify进行本地“发布”测试，但仍然无法在设备上获得任何图标。
我发现的另一个问题是图像的onLoad回调不起作用。为了在Android上正确加载图像，我不得不在Android上使用下面的解决方案。
if (Platform.OS === 'ios' ) {
return (
<View style={
浏览 1提问于2019-12-26得票数 5
我试图设置一个react本机项目，在这个项目中，我只尝试用package导航在app.js中创建堆栈导航器，我遵循这个指南，然后进入，但是我得到了错误。
编译失败。D:/Visual Studio Code/Resturant Review/food/App.js模块未找到:无法解析“D：\Visual Studio Code\Resturant Review\food”中的@react导航/堆栈--这是我的代码：
//app.js
import * as React from 'react';
import { View, Text } from 'react-n
浏览 2提问于2020-09-20得票数 4
我试图在新创建的基于世博的本机应用程序上设置测试环境。
它的package.json文件是
{
"name": "react-native-application",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"lint": "eslint --e
浏览 1提问于2022-06-03得票数 2
回答已采纳
我正在尝试制作一款应用程序，该应用程序可以获取由带有expo的react native摄像头捕获的图像的颜色。我使用的是Jimp，这是一个JavaScript图像处理库，但是它显示了这个错误。 看看这段代码。 import { StatusBar } from 'expo-status-bar';
import React, { useState, useEffect, useRef } from 'react';
import { StyleSheet, Text, View, Button, TouchableOpacity, ScrollView, Mo
浏览 38提问于2020-07-25得票数 1
每次尝试运行项目时，我都会收到这个错误。我尝试了许多其他解决方案/修复，但都没有成功。
这太奇怪了，因为我没有更新/安装项目上的任何新依赖项。我只记得昨天重启了我的机器，然后这就发生了。我觉得这跟巴别塔有关。
我最后一次处理它时，没有出现错误。但当我尝试从上周停止的地方继续时，它只是显示了这个红屏。我有重置缓存，删除node_modules和npm安装，重新启动我的笔记本电脑。但是仍然有相同的错误。
TypeError: TypeError: undefined is not an object (evaluating '_this._setComponentRef.bind'
浏览 18提问于2019-03-26得票数 0
回答已采纳
我无法使用expo android应用程序运行我的应用程序。我的设备在Android Pie上工作(8)。
世博会android应用版本: 2.11.10
我尝试在另一台设备上运行应用程序，但遇到同样的问题
27.0.0不是有效的SDK版本。选项为31.0.0、32.0.0、33.0.0未版本化
我的package.json如下所示：
{
"name": "project",
"version": "0.1.0",
"private": true,
"devDependencies"
浏览 4提问于2019-06-02得票数 1
1回答
我正在制作一个使用expo的react应用程序，我想让我的TopicSection元素中有孩子。我遵循了允许在JSX元素中包含孩子的做法，并编写了以下代码。我尝试过使用this.props.children，但无论哪种方式，它都会给出"TypeError:未定义的不是对象(计算'props.children')“。
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Ionicons } from &
浏览 0提问于2020-03-30得票数 0
当我试图为web运行博览时，在我的应用程序文件夹的根目录中创建了一个名为webpack.config.js的文件之后，我得到了“未能找到全局sharp包使用的sharp实例”的错误。文件的内容可以与默认的expo实现一样简单，但仍然失败：
module.exports = async function(env, argv) {
const loadDefaultConfigAsync = require('@expo/webpack-config');
return await loadDefaultConfigAsync(env, argv);
};
节点版本
浏览 8提问于2021-12-05得票数 2
回答已采纳
升级了世博SDK，同时引用了SDK 40从SDK39升级到SDK40的“降级、重命名和删除”部分，并得到了一个错误。
expo diagnostics
Expo CLI 4.0.17 environment info:
System:
OS: macOS 11.1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.5.0 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 6.14.11 - /usr/loc
浏览 3提问于2021-01-22得票数 0
回答已采纳
在Android模拟器上重新加载应用程序(google像素5)，我收到以下错误：
TypeError: undefined is not an object (evaluating 'config.props')
This error is located at:
in NativeStackNavigator (created by wrappedComponent)
in wrappedComponent (created by AppNavigator)
in EnsureSingleNavigator
in BaseNavigatio
浏览 10提问于2022-05-27得票数 2
我有以下gql查询：
query nearby_users($point: geography!) {
users(where: {location: {_st_d_within: {distance: 200000, from: $point}}}) {
id
location
}
}
在Hasura的API控制台中，我将以下内容作为查询变量：
{
"point": {
"type" : "Point",
"coordinates": [43, 11]
}
}
反过来，我得到了以
浏览 5提问于2020-05-15得票数 1
我在执行以下操作时出现此错误
expo start --web
TypeError:无法读取未定义的属性“style”
模块/APP/node_modules/galio-framework/src/Toast.js
node_modules/galio-framework/src/Toast.js:23
20 | PropTypes.string,
21 | ]),
22 | round: PropTypes.bool,
> 23 | style: ViewPropTypes.style,
| ^ 24 | textStyle: ViewPropTypes.
浏览 27提问于2021-02-13得票数 0
我试图在React本机中使用现代上下文API，但我得到了以下错误：
TypeError: TypeError:未定义不是对象(计算'Context._context')
我的createDataContext.js：
import React, { useReducer } from 'react'
export default (reducer, actions, defaultValue) => {
const Context = React.createContext()
const Provider = ({ childre
浏览 7提问于2019-10-03得票数 6
回答已采纳
我试图在我的中使用InversifyJS和MobX，但是我得到了以下错误：
ERROR TypeError: null不是对象(计算'dispatcher.useMemo')
我任何地方都不使用useMemo。我的应用程序几乎是空的，我刚刚安装了以下软件包：
{
"name": "abc",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
&
浏览 10提问于2022-11-01得票数 1
我试图使用这个库，我使用npm，当我进行导入并尝试运行我的应用程序时，返回一个错误:尝试注册两个相同名称的RNCMaskedView视图。
我已经尝试过这个的解决方案，但是没有帮助。
这是我的package.json：
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start --port 19003",
"android": "expo start --android&#
浏览 9提问于2021-07-21得票数 1
回答已采纳
我正在尝试将smartlook集成到一个反应本地项目中。当我尝试初始化smartlook时，它返回TypeError:在第一次呈现时，未定义不是一个对象(求值'window.document.getElementsByTagName')，但是当我再次按保存代码时，它会工作。有人知道为什么吗？恳求。谢谢
import React, {useEffect} from 'react';
import {
SafeAreaView,
StatusBar,
StyleSheet,
View,
Text,
TextInput,
} from '
浏览 13提问于2022-10-27得票数 1
我第一次尝试使用react-native，并试图创建一个堆栈导航，我得到了以下错误： Unable to resolve "@react-navigation/stack" from "App.js" 这是mu package.json文件： {
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo s
浏览 38提问于2020-07-15得票数 0
由于我的项目是expo弹出的，react本机项目，而且我得到的错误本机无法在路径上找到图像
'file:///var/mobile/Containers/Data/Application/..../Library/Application%20Support/.expo-internal/assets/...'
"react": "17.0.1", "react-native": "0.64.0", "expo": "~41.0.1", "expo-error-recovery
浏览 6提问于2022-12-01得票数 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
回答已采纳
我尝试按照its文档安装react导航：
下面是我做的步骤：
运行"npm install --save @react-navigation/native"
运行"expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view"
运行"npm install --save @react-navigation/sta
浏览 0提问于2020-07-16得票数 1
我正在尝试使用react-native-html-to-pdf库运行'Hello World‘代码并创建PDF，但我无法在世博会上设置它。你能帮我一下吗？我试着使用命令react-native link。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android"
浏览 0提问于2019-12-06得票数 1
我正在尝试使用react-native-voice包。在我的项目按钮按下时，我调用了Voice.start('en-US')方法。但它显示了以下错误，
Possible Unhandled Promise Rejection(id: 0):
TypeError: null is not an object (evaluating 'Voice.startSpeech')
我已经自动和手动链接了包。但它并没有起作用
附注:我使用expo弹出将项目从expo管理的工作流程中弹出
浏览 0提问于2020-12-17得票数 0
1回答
我有一个react应用程序来优化，我的问题是主组件的呈现方法总是需要5秒钟的时间，即使组件是空的(在这个过程中，应用程序显示一个白色的空屏幕)。这是一个大问题，因为一个5秒的白屏幕在应用程序的开始，将使用户卸载应用程序。
正如您在日志中所看到的，在呈现应用程序和使用基本组件呈现基本导航器之间总是有5秒的时间。
以下是我的App.tsx代码：
export default function App() {
// console.info('App: App starting');
let persistor = persistStore(Store);
浏览 6提问于2022-03-02得票数 1
回答已采纳
我知道StackOverflow上有几个人问过类似的问题，但是他们没有用世博来构建他们的项目，所以使用XCode的解决方案不适用于我。
我正在尝试使用命令eas build --profile development --platform ios构建我的expo项目，它一直在错误[stderr] [!] <PBXResourcesBuildPhase UUID=13B07F8E1A680F5B00A75B9A>attempted to initialize an object with an unknown UUID.5360B39C71704D31869D9F73for attr
浏览 31提问于2022-04-12得票数 0
回答已采纳
我正在尝试使用expo命令运行这个应用程序。到目前为止一切都很顺利，但今天却是这样。
如有任何帮助，将不胜感激！)
这些是我的依赖关系
{
"dependencies": {
"@expo-google-fonts/manrope": "^0.2.0",
"@expo-google-fonts/roboto": "^0.2.2",
"@expo/react-native-action-sheet": "^3.12.0",
"@fl
浏览 15提问于2022-03-25得票数 0
我有一个世博会(版本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
下面是我围绕这个<Video />元素的代码
class Menu extends Component {
...
audioFile = null
componentWillMount(){
this.audioFile = require('../../assets/audio/subtle.mp3');
}
}
<Video source={{uri: this.audioFile}} // Can be a URL or a local file.
ref={(ref) => {
浏览 0提问于2018-10-02得票数 3
回答已采纳
我使用expo进行react原生，并希望在自己的react本地应用程序中初始化firebase auth。要修复的错误如下：
TypeError: (0, _reactNative.getReactNativePersistence) is not a function. (In '(0, _reactNative.getReactNativePersistence)(_asyncStorage.default)', '(0, _reactNative.getReactNativePersistence)' is undefined)
我的firebase in
浏览 14提问于2022-10-08得票数 0
Error logs: [Unhandled promise rejection: Error: Error encountered while fetching Expo token: TypeError: Network request failed.]
* [native code]:null in construct
- node_modules\@babel\runtime\helpers\construct.js:19:9 in _construct
- node_modules\@babel\runtime\helpers\wrapNativeSuper.js:26:22 in
浏览 23提问于2020-08-12得票数 0
回答已采纳
我已经建立了一个简单的反应本机应用程序，使用AWS放大器来处理身份验证。
注册功能运行良好，但当我尝试登录时，控制台中会出现以下错误：
Error signing in... [TypeError: (0, _getRandomBase.default) is not a function. (In '(0, _getRandomBase.default)(array.byteLength)', '(0, _getRandomBase.default)' is undefined)]
对于同样的错误，我在网上找到了一个类似的帖子，但是在尝试了每一个建议的修复后，
浏览 3提问于2021-04-22得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
