reactjs - React Native Expo המרת תמונת URL ל-Base64

אני עובד על אפליקציה שמטענת תמונות מ-API. הדרישה של האפליקציה היא לאחסן את התמונות האלו במצב לא מקוון במסד הנתונים של האפליקציה שמבוסס על SQLite. הדרך היחידה שאני חושב עליה היא להמיר את התמונות למחרוזת Base64 וזה יהיה קל לי להציג את התמונות.

השתמשתי בספריית RN-Fetch-Blob בעבר אבל אקְספו לא תומכת בזה. אז אני מחפש דרך

קרא עוד →

typescript - איך לקבל טיפוסים עבור expo-sqlite?

בגרסה 33 של ה-SDK של אקספו, SQLite הועבר לחבילה נפרדת, expo-sqlite, ועכשיו אני לא מצליח לטעון את סוגי הנתונים.

במקום

import {SQLite} from 'expo';

יש לי

import {SQLite} from 'expo-sqlite';

אבל הסוגים לא נטענים.

אני מקבל את סוג השגיאה הבא:

Cannot find namespace 'SQ

קרא עוד →

react native - headerTitleAlign: 'left', לא עובד ב-EXPO עם פרויקט Tab ב-TypeScript

הקוד שלי משהו לא בסדר? אני רק רוצה ליישר לשמאל את כותרת ההדר "RumoR"

ניסיתי, textAlign בתוך headrStyle, וזה לא עבד.

<Stack.Navigator screenOptions={{ headerStyle: { backgroundColor: Colors.light.tint }, headerTintColor: Colors.light.background, headerTitleAlign: "left", headerTitleStyle: { fontWeight: "bold" } }} > <Stack.Screen name="Root" component={BottomTabNavigator} o

קרא עוד →

typescript - שגיאה בעת שימוש ב-expo-image-picker: TypeError: undefined אינו אובייקט (הערכת '_expoModulesCore.NativeModulesProxy.ExponentImagePicker')

אני משתמש ב-expo-image-picker ואני נתקל בזה שגיאה: דרישת המודול "node_modules\expo-image-picker\build\ImagePicker.js" גרמה לחריגה: TypeError: undefined אינו אובייקט (מ tentativa להעריך את '_expoModulesCore.NativeModulesProxy.ExponentImagePicker')

קרא עוד →

react native - ReactNative - "expo start" עובד עם קובץ tsx שאינו עומד בדקדוק של TypeScript

הרגע התחלתי עם React Native. יצרתי פרויקט עם 'expo init' עם האפשרות 'blank (TypeScript)' נבחרה.

יצרתי קומפוננטה שנקראת GoalItem.tsx כפי שמתואר למטה,

import React from 'react' import { View, Text, StyleSheet } from 'react-native' const GoalI

קרא עוד →

בעיה של typescript + eslint + babel בפרויקט expo: הרבה שגיאות ניתוח

eslint עושה לי חיים קשים מאוד

> Parsing error: The keyword 'const' is reserved. :eslint > Parsing error: The keyword 'import' is reserved. :eslint

.eslintrc.js

const eslintConfig = require("@ourCompany/eslint-config"); module.export = { ...eslintConfig, root: true, env: { es6: true, node: true, jest: true, browser: true, commonjs: true, }, parser: "@babel/eslint-parser&quo

קרא עוד →

typescript - לא ניתן לפתור מודול באפליקציית React Native Expo

אני משתמש ב-'babel-plugin-root-import' ו-TypeScript כדי להגדיר נתיב מוחלט.

כאשר אני מנסה לייבא קבצים מהספרייה הראשית עם import {Config} from "~/Config/Config" מופיעה השגיאה "לא ניתן לפתור את המודול".

Unable to resolve module ./src/Config/Config from D:\project\src\api\mos-api\fetchMosDataAsync.ts:

אף אחד מהקבצים האלה לא קיים:

• src\api\mos-api\src\Config\Config(.native|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx
  קרא עוד →

TypeScript - AsyncStorage לא שומר בין טעינות אפליקציה עם Expo (TS/React Native)

יש לי הקשר ששומר את המצב עבור משתנה theme באפליקציה שלי. בתחילה הוא מוגדר ל-empty.

AppSettingsContext.tsx

import React, {createContext, useState, useEffect} from "react"; import { AppSettingsContext

קרא עוד →

typescript - איך להעלות תמונה מ-expo-image-picker?

ניסיתי מספר דרכים להעלות תמונה מ-expo-image-picker, אבל עדיין לא הצלחתי להבין איך. השרת הוא nestjs קלאסי עם multer

@Post() @UseInterceptors(FileInterceptor('file')) public addTimelineEventWithSingleImage( @Headers('x-token') token: string, @UploadedFile() file: Express.Multer.File, @Body() body: IAddEventBody ): Promise<void> { console.log('file', file); console.log('body', body); }

יומני הרישום הם:

M

קרא עוד →

TypeScript - Expo קבלת עדכוני מיקום ברקע, לא מקבל עדכונים

אני מנסה לקבל את המיקום ברקע ואז לשלוח אותו לשרת שלי, עקבתי אחרי כל תשובה ב-Stack Overflow והמדריכים הרשמיים אבל עבורי העדכונים פשוט לא קורים. יש לי התקנה פשוטה, משתמש ב-Expo SDK 48, וב-expo-task-manager הרשמי עם expo-location

אז יש לי רכיב שמכיל את הלוגיקה הזו, הוא נקרא LocationTracker ובאמצעות useLocationTracker hook אני עוטף את הלוגיקה

הנה הלוגיקה בפועל של useLocationTracker.ts

import { useEffect } f

קרא עוד →