One of the issues in react native webview says "On iOS the WebView automatically uses the dark-theme if the system appearance is set to dark. On Android this is not happening." also there's a PR created (which is still to be merged as of today). But wanted to know how to actually enable dark mode in ios webviews like it's mentioned. It doesn't happen automatically while toggling system level theme.
Am I missing something here?
I recently updated my Xcode to version 15.3 and encountered an issue while trying to build my React Native app on the simulator. The error message I'm receiving is:
"Called object type 'facebook::flipper::SocketCertificateProvider' is not a function or function pointer."
My react-native version is 0.71.8
Could someone please advise on how to resolve this error and successfully build my React Native app on Xcode 15.3?Any insights or suggestions would be greatly appreciated.
I have to implement in-app pip which can work on both ios and android, npm package is there for pip for android, but for ios I used react native webview and pass video source as uri, it is working fine for iphone 7 device but not working on latest iphones even on emulator.
here is the script and webview code which i used:
const togglePipMode = () => { if (webViewRef.current) { console.log("webViewRef.current->", webViewRef.current); const script = ` if (document.pictureInPictureEnabled && !document.pictureInPictureElement) { const video = document.querySelector('video'); if (video) { video.requestPictureInPicture(); } } document.addEventListener("leavepictureinpicture", function (event) { window.ReactNativeWebView.postMessage("pipExited"); }); true`; webViewRef.current.injectJavaScript(script); setPipEnabled(true); } }; const removeVideoControls = ` document.addEventListener('DOMContentLoaded', function() { var video = document.querySelector('video'); if (video) { video.style.width = '100%'; video.style.height = 'auto'; video.removeAttribute('controls'); video.setAttribute('webkit-playsinline', 'true'); video.setAttribute('playsinline', 'true'); } });`;<WebView ref={webViewRef} source={{ uri: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", }} androidLayerType={"hardware"} style={{ height: SCREEN_HEIGHT, width: SCREEN_WIDTH }} allowsInlineMediaPlayback={true} automaticallyAdjustContentInsets mediaPlaybackRequiresUserAction={true} allowsFullscreenVideo={true} javaScriptEnabled={true} domStorageEnabled={true} mixedContentMode="always" injectedJavaScriptBeforeContentLoaded={removeVideoControls} onMessage={(event) => { console.log("event.nativeEvent.data-->", event.nativeEvent.data ); if (event.nativeEvent.data === "pipExited") { handlePipExit(); } }} />using react-native-webview": "^13.8.1" , react native: 0.63
I cannot to get the react-native-vector-Icons to show in Ios.
I have created a new Folder within Ios called fonts
info.plist contains the necessary fonts
**I cannot add the Fonts to copy bundler in xcode because i then get below errors **(note this is a snippet of the errors)Target 'projectname' in project 'projectname'➜ Implicit dependency on target 'Pods-sailraceapp2' in project 'Pods' via file 'libPods-sailraceapp2.a' in build phase 'Link Binary'➜ Implicit dependency on target 'BVLinearGradient' in project 'Pods' via options '-lBVLinearGradient' in build setting 'OTHER_LDFLAGS'➜ Implicit dependency on target 'CocoaAsyncSocket' in project 'Pods' via options '-lCocoaAsyncSocket' in build setting 'OTHER_LDFLAGS'
Here is example of my codeimport Icon from 'react-native-vector-icons/Entypo';
return (<View style={styles.container}> {console.log('Attempting to render the Direction, Air, icon')}<View style={styles.compassContainer}><Icon name="direction" size={50} color="blue" style={{transform: [{rotate: `${windDirectionRotation}deg`}]}} /></View>Any help would be much appreciated, happy to provide further info if requiredThanks
React Native: 0.72.5
Expo: 49.0.10
Using the iOS Simulator
I'm seeing hundreds of logs, without prompting, and for every little UI button I press, or scroll a listview.
For example
[MediaToolbox] <<<< FigFilePlayer >>>> itemfig_setCurrentTimeWithRangeAndIDGuts: [0x162ef3e00] I/YGB.02 called, time = 0.000, flags =[MediaToolbox] <<<< Boss >>>> FigPlaybackBossSetTimeWithRange: (0x165c7c980) playState set to PausedHow do I disable this?
Estoy codificando en react native con expo y typescript. Tengo los siguiente códigos:
context/AuthContext.tsx
import * as SecureStore from "expo-secure-store";import { createContext, useContext, useEffect, useState } from "react";interface AuthProps { //authState nos dará información del estado del usuario como token, si está autenticado y el id del usuario authState: { token: string | null; authenticated: boolean | null; user_id: string | null; }; onRegister: (email: string, password: string) => Promise<any>; onLogin: (email: string, password: string) => Promise<any>; onLogout: () => Promise<any>; initialized: boolean;}const TOKEN_KEY = "my-stream-token";export const API_URL = process.env.EXPO_PUBLIC_SERVER_URL;const AuthContext = createContext<Partial<AuthProps>>({}); //Creamos el contexto de autenticación//Creamos el provider de autenticación que se encargará de manejar el estado de autenticaciónexport const useAuth = () => { return useContext(AuthContext);};export const AuthProvider = ({ children }: any) => { const [authState, setAuthState] = useState<{ token: string | null; authenticated: boolean | null; user_id: string | null; }>({ token: null, authenticated: null, user_id: null, }); const [initialized, setInitialized] = useState(false); //Obtener el token del usuario useEffect(() => { const loadToken = async () => { //Cargar token al iniciar const data = await SecureStore.getItemAsync(TOKEN_KEY); if (data) { const object = JSON.parse(data); //Establecemos nuestro estado de contexto setAuthState({ token: object.token, authenticated: true, user_id: object.user.id, }); } setInitialized(true); }; loadToken(); }, []); //Iniciar sesión const login = async (email: string, password: string) => { try { //Hacer la petición al servidor const result = await fetch(`${API_URL}/login`, { method: "POST", headers: {"Content-Type": "application/json", }, body: JSON.stringify({ email, password }), }); const json = await result.json(); //Estado de autenticación setAuthState({ token: json.token, authenticated: true, user_id: json.user.id, }); //Guardar el token en el almacenamiento seguro await SecureStore.setItemAsync(TOKEN_KEY, JSON.stringify(json)); return json; } catch (e) { return { error: true, msg: (e as any).response.data.msg }; } }; //Registrar usuario const register = async (email: string, password: string) => { try { const result = await fetch(`${API_URL}/register`, { method: "POST", headers: {"Content-Type": "application/json", }, body: JSON.stringify({ email, password }), }); const json = await result.json(); console.log("registrado: ", json); //Estado de autenticación setAuthState({ token: json.token, authenticated: true, user_id: json.user.id, }); //Guardar el token en el almacenamiento seguro await SecureStore.setItemAsync(TOKEN_KEY, JSON.stringify(json)); return json; } catch (e) { return { error: true, msg: (e as any).response.data.msg }; } }; //Cerrar sesión const logout = async () => { //Limpiar el almacenamiento seguro await SecureStore.deleteItemAsync(TOKEN_KEY); //Limpiar el estado de autenticación setAuthState({ token: null, authenticated: false, user_id: null, }); }; //hello wolrd const hello = async () => { //Limpiar el almacenamiento seguro const result = await fetch(`${API_URL}/`, { method: "GET", }); const json = await result.json(); console.log("registrado: ", json); return json; }; const value = { onRegister: register, onLogin: login, onLogout: logout, authState, initialized, }; return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;};Y también:app/index.tsx
import { View, Text, StyleSheet, KeyboardAvoidingView, Platform, TextInput, TouchableOpacity, Button, Dimensions, Alert,} from "react-native";import React, { useState } from "react";import Spinner from "react-native-loading-spinner-overlay";import Colors from "../constants/Colors";import { useAuth } from "../context/AuthContext";const WIDTH = Dimensions.get("window").width;const HEIGHT = Dimensions.get("window").height;const Page = () => { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [loading, setLoading] = useState(false); const { onLogin, onRegister } = useAuth(); //Función para iniciar sesión const onSignInPress = async () => { setLoading(true); try { const result = await onLogin!(email, password); } catch (e) { Alert.alert("Error", 'No se pudo iniciar sesión'); Alert.alert("Error", e.message); } finally { setLoading(false); } }; //Función para registrarse const onSignUpPress = async () => { setLoading(true); try { const result = await onRegister!(email, password); } catch (e) { Alert.alert("Error", 'No se pudo registrar'); Alert.alert("Error", e.message); } finally { setLoading(false); } }; return ( // KeyboardAvoidingView Sirve para que el teclado no tape el input<KeyboardAvoidingView style={styles.container} behavior={Platform.OS === "ios" ? "padding" : "height"}><Spinner visible={loading} /><Text style={styles.header}>ReuMeet</Text><Text style={styles.subheader}>La forma más rápida de reunirse</Text><Text>Correo electrónico</Text><TextInput autoCapitalize="none" placeholder="Correo electrónico" value={email} onChangeText={setEmail} style={styles.inputField} /><Text style={{marginTop: 20}}>Contraseña</Text><TextInput placeholder="Contraseña" value={password} onChangeText={setPassword} secureTextEntry style={styles.inputField} /><TouchableOpacity onPress={onSignInPress} style={styles.button}><Text style={{ color: "#fff" }}>Iniciar sesión</Text></TouchableOpacity><Button title="¿No tienes una cuenta? Regístrate" onPress={onSignUpPress} color={Colors.primary} /></KeyboardAvoidingView> );};const styles = StyleSheet.create({ container: { flex: 1, padding: 20, paddingHorizontal: WIDTH > HEIGHT ? '30%' : 20, justifyContent: "center", }, header: { fontSize: 30, textAlign: "center", marginBottom: 10, }, subheader: { fontSize: 18, textAlign: "center", marginBottom: 40, }, inputField: { marginVertical: 4, height: 50, borderWidth: 1, borderColor: Colors.primary, borderRadius: 4, padding: 10, }, button: { marginVertical: 15, alignItems: "center", backgroundColor: Colors.primary, padding: 12, borderRadius: 4, },});export default Page;Lo que sucede es que al ejecutar la aplicación y llenar los campos de correo y contraseña y dar clic en iniciar sesión me aparece el mensaje de onLogin is not a function (it is undefined) y lo mismo con onRegister.
Creo que hay algún error de código o importación de las funciones
I am developing a expo react native standalone app .I am integating a expo background fetch in my mobile app project.I writing a code to start a background task every minute it's working properly in the android.if I am trying with iPad with the below configuration and code , it's not executing a task automatically.Can some one help on this?
Config changes in app.json
{"expo": {"ios": {"infoPlist": {"UIBackgroundModes": ["location", "fetch"] } } }}Code for component
const triggerBackgroundFetch = async (taskName: string, taskFn: TaskManagerTaskExecutor, interval: number = 60 * 1) => { try { if (!TaskManager.isTaskDefined(taskName)) { console.log('new task') TaskManager.defineTask(taskName, taskFn); } else { console.log('existing task') } const options = { minimumInterval: interval // in seconds }; await BackgroundFetch.registerTaskAsync(taskName, options); await BackgroundFetch.setMinimumIntervalAsync(60); } catch (err) { console.log("registerTaskAsync() failed:", err); }}const executeBackgroundTask = () => { try { // fetch data here... const backendData = "task run time " + new Date(Date.now()).toLocaleString(); Alert.alert("Bg task") console.log("Background Task: ", backendData); //@ts-ignore setStateFn(backendData); return backendData ? BackgroundFetch.BackgroundFetchResult.NewData : BackgroundFetch.BackgroundFetchResult.NoData; } catch (err) { console.log('err') return BackgroundFetch.BackgroundFetchResult.Failed; }} const triggerTask = async () => { console.log('trigger background fetch') await triggerBackgroundFetch('BackgroundTask1', executeBackgroundTask, 60); // await unregisterBackgroundFetchAsync('PushNotificationBackgroundTask3'); };
iOS : 15.6.1
I am trying expo background fetch in the expo standalone app at iPad using windows machine.I am expecting to trigger a background fetch task automatically every interval.
The eas build -p iOS command fails to run through with an error message in the logs shown below; running npx expo build:ios works without an issue though.
I have tried altering the ./src/... path but haven't found a solution.
So I am trying to set my initial center coordinates for mapbox so they are not 0,0. On the api it says mapbox expects a prop of
initialCenterCoordinate object Optional Initial latitude/longitude the map will load at. { latitude:0, longitude: 0 }So I am doing
<Mapbox initialCenterCoordinate={latitude: 40.444328, longitude: -79.953155} .... other props/>This is giving me an error on that line saying unexpected token, expecting }.
Whenever I do something like
<Mapbox initialCenterCoordinate={{latitude: 40.444328, longitude: -79.953155}} .... other props/>It still sets my initial spot to 0,0. Anyone have any ideas?
EDIT:link to git hub page- https://github.com/mapbox/react-native-mapbox-gl
My app was working fine only a till only a few days back for some reason the app was getting stuck on the splash screen. This is on both Android and iOS simulators.
I tired updating all my dependancies to the latest versions. I tried reinstalling all packages but that didn't work either. I'm quite confused at this point.
I'm currently running the app in Expo Go.
{"name": "myapp","main": "expo-router/entry","version": "1.0.0","scripts": {"start": "expo start","prebuild": "expo prebuild","doctor": "expo-doctor@latest","android": "expo run:android","ios": "expo run:ios","web": "expo start --web","test": "jest --watchAll" },"jest": {"preset": "jest-expo" },"dependencies": {"@expo/vector-icons": "^14.0.0","@gorhom/bottom-sheet": "^4","@react-native-community/datetimepicker": "7.6.1","@react-native-picker/picker": "2.6.1","@react-navigation/native": "^6.0.2","expo": "~50.0.15","expo-av": "^13.10.5","expo-font": "~11.10.3","expo-image-picker": "~14.7.1","expo-linking": "~6.2.2","expo-router": "~3.4.8","expo-splash-screen": "~0.26.4","expo-status-bar": "~1.11.1","expo-system-ui": "~2.9.3","expo-web-browser": "~12.8.2","react": "18.2.0","react-dom": "18.2.0","react-native": "0.73.6","react-native-gesture-handler": "~2.14.0","react-native-reanimated": "~3.6.2","react-native-safe-area-context": "4.8.2","react-native-screens": "~3.29.0","react-native-web": "~0.19.6" },"devDependencies": {"@babel/core": "^7.20.0","@types/react": "~18.2.45","jest": "^29.2.1","jest-expo": "~50.0.4","react-test-renderer": "18.2.0","typescript": "^5.1.3" },"private": true}I have created an app in react native which contains package purchase in app, so IOS review team told to integrate in-app that is amndatory, after implementation i submitted and it was approved but after 4th push it got rejected again and now giving same in-app issue again so i got that i need to create subscrtiptions in appleconnect also, but below is the error i am getting and not letting me to create subscription.
An error has occurred. Try again later.
const downloadJobApplied = async (isNew = false) => { try { // Download the blob data const response = await RNFetchBlob.fetch('GET', `${API_URL}/business/jobsApplied?isNew=${isNew}&from=${queryParams.from}&to=${queryParams?.to}`, { Authorization: `Bearer ${token}`, }); const blobData = response.data; // Define the path to save the file const timestamp = new Date().getTime(); // Get current timestamp const filePath = `${RNFetchBlob.fs.dirs.DocumentDir}/Resume${timestamp}.zip`; // Save the blob data to a file await RNFetchBlob.fs.writeFile(filePath, blobData, 'base64'); setIsShow("RESUME_DOWNLOAD_SUCESS") } catch (error) { console.error('Error saving file: ', error); }};I have an response blob and I need save as zip in ios this code will work for android i need an suggestion how to achieve ios ,Thanks for help, I enable all permission but it not working
I'm developing an application in React Native (v0.72.6) and I've implemented the react-native-svg library along with react-native-svg-charts (v13.10.0 and v5.4.0 respectively) to create some necessary charts in my application. However, when generating the APK, these two libraries are conflicting due to their versions.
Does anyone know which versions of react-native-svg and react-native-svg-charts are currently compatible with React Native v0.72.6?
Any help or suggestions are greatly appreciated!
I tried changing to versions lower than 7 of "react-native-svg" but it does not work.
I'm developing a React Native app using TypeScript, and I'm currently implementing permissions handling, particularly for iOS. However, I keep encountering the following error:
Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNPermissions' could not be found. Verify that a module by this name is registered in the native binary. Bridgeless mode: false. TurboModule interop: false. Modules loaded: {"NativeModules":["PlatformConstants","LogBox","SourceCode",...]}
I've already checked that the react-native-permissions package is installed in my projects I thought it was an incompatible version so I updated it and got version 4.1.5"react-native-permissions": "^4.1.5"I've tried cleaning the project and rebuilding it, but the error persists.
Iframe not showing in production build just white screen, but everything works locally. Just iOS on android works just fine. This is my WebView component:
<WebView key={webViewKey} onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} originWhitelist={['*']} onMessage={onMessage} ref={webviewRef} injectedJavaScript={INJECTED_JAVASCRIPT} onContentProcessDidTerminate={syntheticEvent => { const {nativeEvent} = syntheticEvent; webviewRef.current.reload(); }} source={{ uri: webUrl || notificationUrl || url }} style={{flex: 1}} onLoadProgress={async ({nativeEvent}) => { setWebViewCanGoBack(nativeEvent.canGoBack); }} onLoad={handleWebViewLoad} />"react-native": "0.72.4","react-native-webview": "^13.6.0",Tried adding urls to originWhitelist. Nothing works, just white screen
I'm using react-native-fbsdk-sdk for facebook login in my application. I just received email from Meta about upgrade FBSDKs to latest version (v17.0.0) to incorporate "Privacy Manifest" for Apple Store submission. So here is my update:
react-native-fbsdk-sdk : ^12.1.3 → ^13.0.0
🐛 Bug ReportAfter upgrade to new version. I get two bugs:
iOS limited loginI've followed the document to apply in my code
try {await LoginManager.logInWithPermissions(['public_profile', 'email'],'limited','my_nonce');if (Platform.OS === 'ios') {const result = await AuthenticationToken.getAuthenticationTokenIOS();if (result?.authenticationToken)loginSocial(result.authenticationToken, LoginProvider.FACEBOOK);} else {const result = await AccessToken.getCurrentAccessToken();if (result) loginSocial(result.accessToken, LoginProvider.FACEBOOK);}But in the facebook login screen, a warning appears with the following content. How can I hide them for my users?
Can't fetch profile by authenticationTokenI can't use token return from method AuthenticationToken.getAuthenticationTokenIOS() to fetch user profile. I have log and still receive the token
To ReproduceUpgrade or install version 13.0.0
Expected BehaviorDon't display warning content in facebook login viewCan fetch profile
Code Example
... const pressFb = async () => { try { await LoginManager.logInWithPermissions( ['public_profile', 'email'],'limited','my_nonce' ); if (Platform.OS === 'ios') { const result = await AuthenticationToken.getAuthenticationTokenIOS(); if (result?.authenticationToken) loginSocial(result.authenticationToken, LoginProvider.FACEBOOK); } else { const result = await AccessToken.getCurrentAccessToken(); if (result) loginSocial(result.accessToken, LoginProvider.FACEBOOK); } } catch (error) { onClose(); console.log('error', error); } };...<Button.Primary label={translate('auth.continueWithFacebook')} outline leftIcon={'IC_FB'} style={BTN_LOGIN} labelStyle={TXT_BTN} onPress={pressFb} /> ...EnvironmentSystem:
Binaries:
Managers:
SDKs:
IDEs:
Languages:Java: 17.0.10 - /usr/bin/javac
I'm using the react-native-kontaktio library to scan for beacons (BLE) in my React Native app. The library works correctly on Android devices, but I'm encountering issues with iOS.
Here are my platform and library versions:
react-native: ^0.68.1react-native-kontaktio: ^4.1.0I'm trying to listen for beacon events using the following code:
kontaktEmitter.addListener('didRangeBeacons', ({ beacons, region }) => { // Event handling logic here});minSdkVersion = 21compileSdkVersion = 34targetSdkVersion = 34I have handled permission in info.plist like this --> <key>NSLocationAlwaysAndWhenInUseUsageDescription</key><string>'Description'</string><key>NSLocationAlwaysUsageDescription</key><string>'Description'</string><key>NSLocationWhenInUseUsageDescription</key><string>'Description'</string><key>NSBluetoothAlwaysUsageDescription</key><string>Description</string>code is like this --> const ScanBeacons: React.FC = () => { const [beaconsCount, setBeaconsCount] = useState(0); const dispatch = useDispatch(); useEffect(() => { Promise.resolve().then(beaconSetup); return () => { // remove event listeners if (isAndroid) { kontaktEmitter.removeAllListeners('beaconsDidUpdate'); } else { kontaktEmitter.removeAllListeners('didDiscoverDevices'); kontaktEmitter.removeAllListeners('didRangeBeacons'); } }; }, []); const beaconSetup = async () => { if (isAndroid) { // Android const granted = await requestLocationPermission(); if (granted) { await connect(); await startScanning(); } else { Alert.alert('Permission error','Location permission not granted. Cannot scan for beacons', [{text: 'OK', onPress: () => console.log('OK Pressed')}], {cancelable: false}, ); } } else { // iOS await init() .then(() => startDiscovery()) .catch((error: Error) => Alert.alert('error', error.message)); /** * Will discover Kontakt.io beacons only */ await startDiscovery(); /** * Works with any beacon(also virtual beacon, e.g. https://github.com/timd/MactsAsBeacon) * Requires user to allow GPS Location (at least while in use) * * change to match your beacon values */ await startRangingBeaconsInRegion({ identifier: '', // uuid: 'A4826DE4-1EA9-4E47-8321-CB7A61E4667E', uuid: 'my uuid', // my beacon uuid major: 1, minor: 34, }); } // Add beacon listener if (isAndroid) { /* works with any beacon */ DeviceEventEmitter.addListener('beaconsDidUpdate', async ({ beacons, region }) => { setBeaconsCount(beacons?.length); if(beacons?.length > 0){ dispatch( setNearestBeacons({nearestBeacon: beacons[0]}), ); if (isAndroid) { kontaktEmitter.removeAllListeners('beaconsDidUpdate'); } else { kontaktEmitter.removeAllListeners('didDiscoverDevices'); kontaktEmitter.removeAllListeners('didRangeBeacons'); } } }, ); } else { const nearestPosition = await checkNearestPosition(); /* works with Kontakt.io beacons only */ kontaktEmitter.addListener('didDiscoverDevices', ({ beacons }) => { }); /* works with any beacon */ kontaktEmitter.addListener('didRangeBeacons', ({ beacons, region }) => { }); } }; return (<SafeAreaView><StatusBar barStyle="dark-content" /><View style={styles.wrapper}><Text style={styles.title}>react-native-kontaktio Example</Text><Text>{`Check console.log statements (connected beacons count: ${beaconsCount})`}</Text></View></SafeAreaView> );};Date/Time: 2024-04-10 17:48:16.6785 +1000Launch Time: 2024-04-10 17:48:16.1961 +1000OS Version: iPhone OS 17.5 (21F5048f)Release Type: BetaBaseband Version: 2.60.00Report Version: 104
Exception Type: EXC_CRASH (SIGABRT)Exception Codes: 0x0000000000000000, 0x0000000000000000Termination Reason: SIGNAL 6 Abort trap: 6Terminating Process: LocalFoxGetJobDone [2919]
Triggered by
Thread: 5
Last Exception Backtrace:0 CoreFoundation 0x18f43bf24 __exceptionPreprocess + 164 (NSException.m:249)1 libobjc.A.dylib 0x1872de018 objc_exception_throw + 60 (objc-exception.mm:356)2 LocalFoxGetJobDone 0x100c97c08 RCTFatal + 568 (RCTAssert.m:147)3 LocalFoxGetJobDone 0x100d095d0 -[RCTExceptionsManager reportFatal:stack:exceptionId:extraDataAsJSON:] + 488 (RCTExceptionsManager.mm:82)4 LocalFoxGetJobDone 0x100d09de0 -[RCTExceptionsManager reportException:] + 1304 (RCTExceptionsManager.mm:154)5 CoreFoundation 0x18f3d8854 __invoking___ + 1486 CoreFoundation 0x18f3d78a0 -[NSInvocation invoke] + 428 (NSForwarding.m:3411)7 CoreFoundation 0x18f44e1dc -[NSInvocation invokeWithTarget:] + 64 (NSForwarding.m:3508)8 LocalFoxGetJobDone 0x100cc9548 -[RCTModuleMethod invokeWithBridge:module:arguments:] + 388 (RCTModuleMethod.mm:584)9 LocalFoxGetJobDone 0x100ccb64c facebook::react::invokeInner(RCTBridge*, RCTModuleData*, unsigned int, folly::dynamic const&, int, (anonymous namespace)::SchedulingContext) + 456 (RCTNativeModule.mm:196)10 LocalFoxGetJobDone 0x100ccb29c facebook::react::RCTNativeModule::invoke(unsigned int, folly::dynamic&&, int)::$_0::operator()() const + 68 (RCTNativeModule.mm:113)11 LocalFoxGetJobDone 0x100ccb29c invocation function for block in facebook::react::RCTNativeModule::invoke(unsigned int, folly::dynamic&&, int) + 112 (RCTNativeModule.mm:104)12 libdispatch.dylib 0x1972c513c _dispatch_call_block_and_release + 32 (init.c:1530)13 libdispatch.dylib 0x1972c6dd4 _dispatch_client_callout + 20 (object.m:576)14 libdispatch.dylib 0x1972ce400 _dispatch_lane_serial_drain + 748 (queue.c:3900)15 libdispatch.dylib 0x1972cef30 _dispatch_lane_invoke + 380 (queue.c:3991)16 libdispatch.dylib 0x1972d9cb4 _dispatch_root_queue_drain_deferred_wlh + 288 (queue.c:6998)17 libdispatch.dylib 0x1972d9528 _dispatch_workloop_worker_thread + 404 (queue.c:6592)18 libsystem_pthread.dylib 0x1ec7de934 _pthread_wqthread + 288 (pthread.c:2696)19 libsystem_pthread.dylib 0x1ec7db0cc start_wqthread + 8Thread 0 name:Thread 0:0 libsystem_kernel.dylib 0x00000001d8a96808 mach_msg2_trap + 81 libsystem_kernel.dylib 0x00000001d8a9a008 mach_msg2_internal + 80 (mach_msg.c:201)2 libsystem_kernel.dylib 0x00000001d8a99f20 mach_msg_overwrite + 436 (mach_msg.c:0)3 libsystem_kernel.dylib 0x00000001d8a99d60 mach_msg + 24 (mach_msg.c:323)4 CoreFoundation 0x000000018f40bf9c __CFRunLoopServiceMachPort + 160 (CFRunLoop.c:2624)5 CoreFoundation 0x000000018f40b640 __CFRunLoopRun + 1208 (CFRunLoop.c:3007)6 CoreFoundation 0x000000018f40ad18 CFRunLoopRunSpecific + 608 (CFRunLoop.c:3420)7 GraphicsServices 0x00000001d487d1a8 GSEventRunModal + 164 (GSEvent.c:2196)8 UIKitCore 0x0000000191a45fac -[UIApplication _run] + 888 (UIApplication.m:3713)9 UIKitCore 0x0000000191af9ed8 UIApplicationMain + 340 (UIApplication.m:5303)10 LocalFoxGetJobDone 0x0000000100b2440c main + 80 (main.m:7)11 dyld 0x00000001b371ce4c start + 2240 (dyldMain.cpp:1298)Thread 1:0 libsystem_pthread.dylib 0x00000001ec7db0c4 start_wqthread + 0Thread 2:0 libsystem_pthread.dylib 0x00000001ec7db0c4 start_wqthread + 0Thread 3:0 libsystem_pthread.dylib 0x00000001ec7db0c4 start_wqthread + 0Thread 4:0 libsystem_pthread.dylib 0x00000001ec7db0c4 start_wqthread + 0Thread 5 name:Thread 5 Crashed:0 libsystem_kernel.dylib 0x00000001d8aa142c __pthread_kill + 81 libsystem_pthread.dylib 0x00000001ec7e1c0c pthread_kill + 268 (pthread.c:1721)2 libsystem_c.dylib 0x000000019737fba0 abort + 180 (abort.c:118)3 libc++abi.dylib 0x00000001ec600ca4 abort_message + 132 (abort_message.cpp:78)4 libc++abi.dylib 0x00000001ec5f0e5c demangling_terminate_handler() + 348 (cxa_default_handlers.cpp:77)5 libobjc.A.dylib 0x00000001872f9e2c _objc_terminate() + 144 (objc-exception.mm:496)6 libc++abi.dylib 0x00000001ec600068 std::__terminate(void (*)()) + 16 (cxa_handlers.cpp:59)7 libc++abi.dylib 0x00000001ec60000c std::terminate() + 108 (cxa_handlers.cpp:88)8 libdispatch.dylib 0x00000001972c6de8 _dispatch_client_callout + 40 (object.m:579)9 libdispatch.dylib 0x00000001972ce400 _dispatch_lane_serial_drain + 748 (queue.c:3900)10 libdispatch.dylib 0x00000001972cef30 _dispatch_lane_invoke + 380 (queue.c:3991)11 libdispatch.dylib 0x00000001972d9cb4 _dispatch_root_queue_drain_deferred_wlh + 288 (queue.c:6998)12 libdispatch.dylib 0x00000001972d9528 _dispatch_workloop_worker_thread + 404 (queue.c:6592)13 libsystem_pthread.dylib 0x00000001ec7de934 _pthread_wqthread + 288 (pthread.c:2696)14 libsystem_pthread.dylib 0x00000001ec7db0cc start_wqthread + 8Thread 6:0 libsystem_pthread.dylib 0x00000001ec7db0c4 start_wqthread + 0Thread 7 name:Thread 7:0 libsystem_kernel.dylib 0x00000001d8a96808 mach_msg2_trap + 81 libsystem_kernel.dylib 0x00000001d8a9a008 mach_msg2_internal + 80 (mach_msg.c:201)2 libsystem_kernel.dylib 0x00000001d8a99f20 mach_msg_overwrite + 436 (mach_msg.c:0)3 libsystem_kernel.dylib 0x00000001d8a99d60 mach_msg + 24 (mach_msg.c:323)4 CoreFoundation 0x000000018f40bf9c __CFRunLoopServiceMachPort + 160 (CFRunLoop.c:2624)5 CoreFoundation 0x000000018f40b640 __CFRunLoopRun + 1208 (CFRunLoop.c:3007)6 CoreFoundation 0x000000018f40ad18 CFRunLoopRunSpecific + 608 (CFRunLoop.c:3420)7 Foundation 0x000000018e32ce4c -[NSRunLoop(NSRunLoop) runMode:beforeDate:] + 212 (NSRunLoop.m:373)8 Foundation 0x000000018e32cc9c -[NSRunLoop(NSRunLoop) runUntilDate:] + 64 (NSRunLoop.m:420)9 UIKitCore 0x0000000191a59ce0 -[UIEventFetcher threadMain] + 420 (UIEventFetcher.m:1207)10 Foundation 0x000000018e343718 __NSThread__start__ + 732 (NSThread.m:991)11 libsystem_pthread.dylib 0x00000001ec7e006c _pthread_start + 136 (pthread.c:931)12 libsystem_pthread.dylib 0x00000001ec7db0d8 thread_start + 8Thread 8 name:Thread 8:0 libsystem_kernel.dylib 0x00000001d8a96808 mach_msg2_trap + 81 libsystem_kernel.dylib 0x00000001d8a9a008 mach_msg2_internal + 80 (mach_msg.c:201)2 libsystem_kernel.dylib 0x00000001d8a99f20 mach_msg_overwrite + 436 (mach_msg.c:0)3 libsystem_kernel.dylib 0x00000001d8a99d60 mach_msg + 24 (mach_msg.c:323)4 CoreFoundation 0x000000018f40bf9c __CFRunLoopServiceMachPort + 160 (CFRunLoop.c:2624)5 CoreFoundation 0x000000018f40b640 __CFRunLoopRun + 1208 (CFRunLoop.c:3007)6 CoreFoundation 0x000000018f40ad18 CFRunLoopRunSpecific + 608 (CFRunLoop.c:3420)7 LocalFoxGetJobDone 0x0000000100cabc38 +[RCTCxxBridge runRunLoop] + 212 (RCTCxxBridge.mm:332)8 Foundation 0x000000018e343718 __NSThread__start__ + 732 (NSThread.m:991)9 libsystem_pthread.dylib 0x00000001ec7e006c _pthread_start + 136 (pthread.c:931)10 libsystem_pthread.dylib 0x00000001ec7db0d8 thread_start + 8Thread 9 name:Thread 9:0 libsystem_kernel.dylib 0x00000001d8a9c1cc __psynch_cvwait + 81 libsystem_pthread.dylib 0x00000001ec7dd6e4 _pthread_cond_wait + 1228 (pthread_cond.c:862)2 libc++.1.dylib 0x000000019f8eb504 std::__1::condition_variable::wait(std::__1::unique_lock<std::__1::mutex>&) + 28 (condition_variable.cpp:45)3 hermes 0x0000000101f14108 hermes::vm::HadesGC::Executor::worker() + 3164 hermes 0x0000000101f13fa8 void* std::__1::__thread_proxy[abi:v15006]<std::__1::tuple<std::__1::unique_ptr<std::__1::__thread_struct, std::__1::default_delete<std::__1::__thread_struct> >, hermes::vm::HadesGC::Executor::Exec... + 445 libsystem_pthread.dylib 0x00000001ec7e006c _pthread_start + 136 (pthread.c:931)6 libsystem_pthread.dylib 0x00000001ec7db0d8 thread_start + 8Thread 10 name:Thread 10:0 libsystem_kernel.dylib 0x00000001d8a9c1cc __psynch_cvwait + 81 libsystem_pthread.dylib 0x00000001ec7dd6e4 _pthread_cond_wait + 1228 (pthread_cond.c:862)2 libc++.1.dylib 0x000000019f8eb504 std::__1::condition_variable::wait(std::__1::unique_lock<std::__1::mutex>&) + 28 (condition_variable.cpp:45)3 hermes 0x0000000101f14108 hermes::vm::HadesGC::Executor::worker() + 3164 hermes 0x0000000101f13fa8 void* std::__1::__thread_proxy[abi:v15006]<std::__1::tuple<std::__1::unique_ptr<std::__1::__thread_struct, std::__1::default_delete<std::__1::__thread_struct> >, hermes::vm::HadesGC::Executor::Exec... + 445 libsystem_pthread.dylib 0x00000001ec7e006c _pthread_start + 136 (pthread.c:931)6 libsystem_pthread.dylib 0x00000001ec7db0d8 thread_start + 8Thread 5 crashed with ARM Thread State (64-bit): x0: 0x0000000000000000 x1: 0x0000000000000000 x2: 0x0000000000000000 x3: 0x0000000000000000 x4: 0x00000001ec6052c3 x5: 0x000000016f596810 x6: 0x000000000000006e x7: 0x0000000000000000 x8: 0xf7eecbac17b4a865 x9: 0xf7eecbad78edd865 x10: 0x0000000000000200 x11: 0x000000016f596340 x12: 0x0000000000000000 x13: 0x00000000001ff800 x14: 0x0000000000000010 x15: 0x0000000000000000 x16: 0x0000000000000148 x17: 0x000000016f597000 x18: 0x0000000000000000 x19: 0x0000000000000006 x20: 0x0000000000002503 x21: 0x000000016f5970e0 x22: 0x0000000000000114 x23: 0x000000016f5970e0 x24: 0x000000030381f268 x25: 0x0000000000000000 x26: 0x0000000000000000 x27: 0x0000000300348640 x28: 0x0000000000000000 fp: 0x000000016f596780 lr: 0x00000001ec7e1c0c sp: 0x000000016f596760 pc: 0x00000001d8aa142c cpsr: 0x40001000 esr: 0x56000080 Address size faultBinary Images: 0x100b20000 - 0x100fd7fff LocalFoxGetJobDone arm64 <17c61c0f4c08393184e89edd8e40af9f> /private/var/containers/Bundle/Application/BB1C9145-806A-42E9-B737-4FA9C072E6B7/LocalFoxGetJobDone.app/LocalFoxGetJobDone 0x1011f4000 - 0x1011fffff libobjc-trampolines.dylib arm64e <2e2c05f8377a30899ad91926d284dd03> /private/preboot/Cryptexes/OS/usr/lib/libobjc-trampolines.dylib 0x101e48000 - 0x102017fff hermes arm64 <35fecc83959934c1813ef020b2d0d382> /private/var/containers/Bundle/Application/BB1C9145-806A-42E9-B737-4FA9C072E6B7/LocalFoxGetJobDone.app/Frameworks/hermes.framework/hermes 0x1872c8000 - 0x187315f43 libobjc.A.dylib arm64e <53115e1fe35330d99e8a4e6e73489f05> /usr/lib/libobjc.A.dylib 0x18e265000 - 0x18eddafff Foundation arm64e <70813f347ba4323f9815a878ec22047e> /System/Library/Frameworks/Foundation.framework/Foundation 0x18f3b8000 - 0x18f8e5fff CoreFoundation arm64e <17320d9047af3a0fa9712da7993fed01> /System/Library/Frameworks/CoreFoundation.framework/CoreFoundation 0x19163d000 - 0x193152fff UIKitCore arm64e <4bc4a129ce5e32109d5838d642c7ca99> /System/Library/PrivateFrameworks/UIKitCore.framework/UIKitCore 0x1972c3000 - 0x197309fff libdispatch.dylib arm64e <f2f2b992ccae3257848b52f6fc07098c> /usr/lib/system/libdispatch.dylib 0x19730a000 - 0x197387ff3 libsystem_c.dylib arm64e <f57b5715e40639aabcc300db255b819d> /usr/lib/system/libsystem_c.dylib 0x19f8de000 - 0x19f967fff libc++.1.dylib arm64e <badf6383449432f297ef716ea17420f6> /usr/lib/libc++.1.dylib 0x1b36e0000 - 0x1b376cef7 dyld arm64e <3aa1ad27e9c635d8aa64627a0d1ad8d5> /usr/lib/dyld 0x1d487c000 - 0x1d4884fff GraphicsServices arm64e <92d1f86967dd3ee5b5dd10dc76d64896> /System/Library/PrivateFrameworks/GraphicsServices.framework/GraphicsServices 0x1d8a95000 - 0x1d8acefff libsystem_kernel.dylib arm64e <4da0946f67c834b29b3c4c9e1ee5773a> /usr/lib/system/libsystem_kernel.dylib 0x1ec5ec000 - 0x1ec607ffb libc++abi.dylib arm64e <f603d156e9c5356380a6d2ebedc07a02> /usr/lib/libc++abi.dylib 0x1ec7da000 - 0x1ec7e6ff3 libsystem_pthread.dylib arm64e <19e4983d5ae937f49af4a717a5dfadd1> /usr/lib/system/libsystem_pthread.dylib 0x1ff380000 - 0x2004fbfe7 libLAPACK.dylib arm64e <c551f3a9e92232b4afdb2342680d8381> /System/Library/Frameworks/Accelerate.framework/Frameworks/vecLib.framework/libLAPACK.dylibEOF"dependencies": {"@react-native-async-storage/async-storage": "1.21.0","@react-native-masked-view/masked-view": "0.3.0","@react-navigation/bottom-tabs": "^6.5.20","@react-navigation/native": "^6.1.17","@react-navigation/native-stack": "^6.9.26","@react-navigation/stack": "^6.3.29","axios": "^1.6.2","expo": "^50.0.0-preview.10","expo-status-bar": "~1.11.1","formik": "^2.4.5","metro": "0.80.4","metro-config": "0.80.4","metro-resolver": "0.80.4","moment": "^2.29.4","react": "18.2.0","react-native": "0.73.6","react-native-device-info": "^10.12.0","react-native-gesture-handler": "~2.14.0","react-native-heroicons": "^4.0.0","react-native-image-picker": "^7.0.3","react-native-reanimated": "~3.6.2","react-native-safe-area-context": "4.8.2","react-native-screens": "~3.29.0","react-native-splash-screen": "^3.3.0","react-native-svg": "14.1.0","react-native-vector-icons": "^10.0.3","react-redux": "^8.1.3","reactotron-react-native": "^5.0.3","redux": "^4.2.1","redux-logger": "^3.0.6","redux-thunk": "^2.4.2","styled-components": "^6.1.1","yup": "^1.4.0" },"devDependencies": {"@babel/core": "^7.20.0","@babel/preset-env": "^7.20.0","@babel/runtime": "^7.20.0","@react-native/eslint-config": "^0.72.2","@react-native/metro-config": "^0.72.11","@tsconfig/react-native": "^3.0.0","@types/react": "^18.0.24","@types/react-test-renderer": "^18.0.0","babel-jest": "^29.2.1","eslint": "^8.19.0","jest": "^29.2.1","metro-react-native-babel-preset": "0.76.8","prettier": "^2.4.1","react-test-renderer": "18.2.0","typescript": "^5.3.0" },This is the package.json
I think it is a package dependency issue.
npx react-native run ios error: invalid value 'c++20' in '-std=c++20'
The following build commands failed:CompileC /Users/user/Library/Developer/Xcode/DerivedData/folder/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/Yoga.build/Objects-normal/x86_64/YGValue.o /Users/user/Desktop/folder/projectfolder/node_modules/react-native/ReactCommon/yoga/yoga/YGValue.cpp normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compilerCompileC /Users/user/Library/Developer/Xcode/DerivedData/folder/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/Yoga.build/Objects-normal/x86_64/event.o /Users/user/Desktop/folder/projectfolder/node_modules/react-native/ReactCommon/yoga/yoga/event/event.cpp normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compilerCompileC /Users/user/Library/Developer/Xcode/DerivedData/folder/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/Yoga.build/Objects-normal/x86_64/Yoga.o /Users/user/Desktop/folder/projectfolder/node_modules/react-native/ReactCommon/yoga/yoga/Yoga.cpp normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler(3 failures)
npx react-native info info Fetching system and libraries information...System:OS: macOS 10.15.7CPU: (4) x64 Intel(R) Core(TM) i5-4570R CPU @ 2.70GHzMemory: 254.02 MB / 8.00 GBShell:version: 3.2.57path: /bin/bashBinaries:Node:version: 20.12.1path: /usr/local/bin/nodeYarn:version: 1.22.22path: /usr/local/bin/yarnnpm:version: 10.5.0path: /usr/local/bin/npmWatchman:version: 2023.11.13.00path: /opt/local/bin/watchmanManagers:CocoaPods:version: 1.15.2path: /Users/user/.rvm/rubies/ruby-3.3.0/bin/podSDKs:iOS SDK:Platforms:- iOS 14.4- DriverKit 20.2- macOS 11.1- tvOS 14.3- watchOS 7.2Android SDK: Not FoundIDEs:Android Studio: Not FoundXcode:version: 12.4/12D4epath: /usr/bin/xcodebuildLanguages:Java: Not FoundRuby:version: 3.3.0path: /Users/user/.rvm/rubies/ruby-3.3.0/bin/rubynpmPackages:"@react-native-community/cli": Not Foundreact: Not Foundreact-native: Not Foundreact-native-macos: Not FoundnpmGlobalPackages:"react-native": Not FoundAndroid:hermesEnabled: truenewArchEnabled: falseiOS:hermesEnabled: truenewArchEnabled: false
npx react-native doctor ⠏ Running diagnostics.../bin/sh: adb: command not foundCommon✓ Node.js - Required to execute JavaScript code✓ yarn - Required to install NPM dependencies✓ npm - Required to install NPM dependencies✓ Watchman - Used for watching changes in the filesystem when in development mode✓ Metro - Required for bundling the JavaScript code
Android✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.✖ JDK - Required to compile Java code
iOS✓ Xcode - Required for building and installing your app on iOS✓ Ruby - Required for installing iOS dependencies✓ CocoaPods - Required for installing iOS dependencies● ios-deploy - Required for installing your app on a physical device with the CLI✓ .xcode.env - File to customize Xcode environment
Errors: 5Warnings: 1
I changed C++ Language Dialect on Yoga pod build settings to gnu++14
After I've upgraded react-native to 0.73.4 I've encountered an issue while trying to Archive my Xcode project.
Multiple commands produce '/Users/user/Library/Developer/Xcode/DerivedData/MyKeyPaaS-dvusobjtabyvaehceuotkxpwtbph/Build/Intermediates.noindex/ArchiveIntermediates/ProjectName/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/folly.framework'Update:
Target 'RCT-Folly.common' (project 'Pods') has create directory command with output '/Users/robert.coroianu/Library/Developer/Xcode/DerivedData/MyKeyPaaS-dvusobjtabyvaehceuotkxpwtbph/Build/Intermediates.noindex/ArchiveIntermediates/MyKeyPaaS/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/folly.framework'Target 'RCT-Folly.common-Fabric' (project 'Pods') has create directory command with output '/Users/robert.coroianu/Library/Developer/Xcode/DerivedData/ProjectName-dvusobjtabyvaehceuotkxpwtbph/Build/Intermediates.noindex/ArchiveIntermediates/ProjectName/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/folly.framework'I want to mention that for Dev Build the project works very well.