Quantcast
Channel: Active questions tagged react-native+ios - Stack Overflow
Viewing all 16909 articles
Browse latest View live

How to fix issue of cycle in dependencies between targets 'BVLinearGrandient' and 'FBReactNativeSpec'?

$
0
0

Getting error in react-native project as ahead.

Cycle in dependencies between targets 'BVLinearGradient' and 'FBReactNativeSpec'; building could produce unreliable results.Cycle path: BVLinearGradient → React → React-RCTAnimation → FBReactNativeSpec → BVLinearGradientCycle details:→ Target 'BVLinearGradient' has link command with output '/Users/imac/Library/Developer/Xcode/DerivedData/NOFOS-gdkwrmnotgdstiglulxxrepqzeci/Build/Products/Debug-iphonesimulator/BVLinearGradient/BVLinearGradient.framework/BVLinearGradient'○ Target 'BVLinearGradient' has compile command with input '/Volumes/WorkSpace/NOFOS/nofosApp/ios/Pods/Target Support Files/BVLinearGradient/BVLinearGradient-dummy.m'○ Target 'BVLinearGradient' has write command with output /Users/imac/Library/Developer/Xcode/DerivedData/NOFOS-gdkwrmnotgdstiglulxxrepqzeci/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/BVLinearGradient.build/module.modulemap→ Target 'React' has target dependency on Target 'React-RCTAnimation'→ Target 'React-RCTAnimation' has write command with output /Users/imac/Library/Developer/Xcode/DerivedData/NOFOS-gdkwrmnotgdstiglulxxrepqzeci/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/React-RCTAnimation.build/module.modulemap○ Target 'React-RCTAnimation' has target dependency on Target 'FBReactNativeSpec'○ That command depends on command in Target 'FBReactNativeSpec': script phase “[CP-User] Generate Specs”→ Target 'FBReactNativeSpec' has copy command from '/Volumes/WorkSpace/NOFOS/nofosApp/node_modules/react-native/React/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h' to '/Users/imac/Library/Developer/Xcode/DerivedData/NOFOS-gdkwrmnotgdstiglulxxrepqzeci/Build/Products/Debug-iphonesimulator/FBReactNativeSpec/FBReactNativeSpec.framework/Headers/FBReactNativeSpec.h'○ That command depends on command in Target 'FBReactNativeSpec': script phase “[CP-User] Generate Specs”

I have tried with many patterns as mentioned below.

  • Clean build folder >> rebuild.
  • Delete pods and podfile.lock >> pod install.
  • Delete derived data >> clean build folder >> rebuild.
  • close xCode >> rm -rf ~/library/developer/xcode/deriveddata >> rm -rf ~/.rncache >> rm -rf node_modules && npm install && cd ios && rm -rf Pods && pod install && cd ..

I have also restart the system before doing the above trials. And I have used swift in the project.Please provide me a proper solution for this.


React Native: Can't sign Ad-hoc iOS OneSignal extension in AppCenter

$
0
0

I'm developing an app with React Native 0.64 that I build through Microsoft AppCenter. I'm using the react-native-one-signal sdk for the push notifications but I'm facing some issues when I'm trying to sign my OneSignalExtension with the "Provisioning profile" (no problems for the production build in the AppStore).

Here is my error:

error: "OneSignalServiceExtension" requires a provisioning profile with the App Groups feature. Select a provisioning profile in the Signing & Capabilities editor. (in target 'OneSignalServiceExtension' from project 'xxxxx')

I've checked my extension provisioning profile and there is the "AppCenter" feature enabled.

enter image description here

And here is my xCode settings for the OneSignalExtension.

enter image description here

Do you know what I'm doing wrong ? Is there a step I'm missing or anything else ?

React Native Expo Media Library "This file type is not supported yet" for PNG and JPG

$
0
0

Im working on React Native - Expo App and i can't successfully create assets for images on iOS using the MediaLibrary and I get the error:"This file type is not supported yet"This works perfectly fine for Android.

The code is pretty straightforward, I pass an array of Files witch are images (JPG or PNG) both theoretically supported in iOS and Android. I download all the files from the uri given with FileSystem.downloadAsync, this works fine, then I pass the downloaded files local Uris to the saving function where I create the assets in order to move them to a specific gallery album. I repeat this works just fine in Android, buy in iOS when I resolve the assetsPromises I get in every image the error "This file type is not supported yet". I have the status == 'granted' for MEDIA_LIBRARY permissions

the code is:

export type FileForDownload = {    uri: string;    fileName: string;    fileExtension: string;};export const downloadArrayFiles = async (files: Array<FileForDownload>) => {    const { notificationToken, mediaLibrary, notifications } = store.getState().permissions;    if (notifications && notificationToken) sendPushNotification(notificationToken, 'Archivos', 'Descargando...');    if (mediaLibrary) {        const downloadFilesPromise = [];        files.forEach(({ uri, fileName, fileExtension }) => {            const fileFormated = fileName.replace(/ /g,"_").normalize("NFD").replace(/[\u0300-\u036f]/g, "");            downloadFilesPromise.push(                FileSystem.downloadAsync(uri, FileSystem.documentDirectory + fileFormated + fileExtension, {                    md5: true,                }),            );        });        const promises = downloadFilesPromise.map(p => p.catch(e => e));        Promise.all(promises)            .then(result => {                const fileUris = result.map(res => res.uri);                if (saveArrayFilesAsync(fileUris)) {                    if (notifications && notificationToken) sendPushNotification(notificationToken, 'Archivos', 'Descarga completada!');                } else {                    if (notifications && notificationToken) sendPushNotification(notificationToken, 'Archivos', 'Error en la descarga');                }            })            .catch(error => {                console.error(error);                if (notifications && notificationToken) sendPushNotification(notificationToken, 'Archivos', 'Error en la descarga');            });    }};async function saveArrayFilesAsync(fileUris: string[]): Promise<boolean> {    try {        const assetPromises = [];        fileUris.forEach(fileUri => {            assetPromises.push(MediaLibrary.createAssetAsync(fileUri));        });        const promises = assetPromises.map(p => p.catch(e => e));        await Promise.all(promises).then(async assets => {            const album = await MediaLibrary.getAlbumAsync(ALBUM_NAME);            if (album === null) {                const newAlbum = await MediaLibrary.createAlbumAsync(ALBUM_NAME, assets[0], false);                assets.shift();                if (assets.length > 0) {                    await MediaLibrary.addAssetsToAlbumAsync([...assets], newAlbum.id, false);                }            } else {                await MediaLibrary.addAssetsToAlbumAsync([...assets], album.id, false);            }            return true;        });    } catch (error) {        console.error(error);        return false;    }}

How to support intel and arm in a react-native project

$
0
0

I'm in a team developing a react-native app. In my team some developers have intel macs and others use the silicon variant.The app is only in the initial phase, but due to these two architectures I'm expecting some inconveniences in maintaining the shared codebase.

I created a bare bones react-native app on a silicon mac, with npx react-native init Silicon. With this I am currently getting react version 17.0.1 and react-native version 0.64.2.After some hiccups I am able to build and run the skeleton app on a simulator.

I modified the Podfile so that I commented out Flipper and added a post_install loop for removing the IPHONEOS_DEPLOYMENT_TARGET from the pods, this seems to take care of most warnings and errors initially.

Podfile:

require_relative '../node_modules/react-native/scripts/react_native_pods'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'platform :ios, '10.0'target 'Silicon' do  config = use_native_modules!  use_react_native!(    :path => config[:reactNativePath],    # to enable hermes on iOS, change `false` to `true` and then install pods    :hermes_enabled => false  )  target 'SiliconTests' do    inherit! :complete    # Pods for testing  end  # Enables Flipper.  #  # Note that if you have use_frameworks! enabled, Flipper will not work and  # you should disable the next line.  # use_flipper!()  post_install do |installer|    react_native_post_install(installer)    installer.pods_project.targets.each do |target|      target.build_configurations.each do |config|        config.build_settings.delete 'IPHONEOS_DEPLOYMENT_TARGET'      end    end  endend

Then I ran pod install in the ios -folder and after that was able to build and run the app on a simulator.

After this I pushed the code to git and pulled it on an intel mac. Ran npm install and pod install inside the ios folder.

Looking at the diff I noticed that the pod installation had modified the EXCLUDED_ARCHS[sdk=iphonesimulator*] -value to "arm64 " in order to be able to build on intel. This seems to come from node_modules/react-native/scripts/react_native_pods.rb where the exclude_architectures function modifies the exluded archs based on the architecture that it detects.

So, I'm wondering if there is a way (build phase?) to have a "universal" setting for EXCLUDED_ARCHS that would work for both architectures? Currently, whenever someone runs pod install, the EXCLUDED_ARCHSfor the build configurations get updated according to their architecture.Would separate build configurations be an option, and how could they be "locked" to the correct architecture so that a pod install would not write them over?

Or is it really a problem if you get the correct value for your machine after pod install, and rather only seeing the value changing around in version control?

Which framework should I use in 2021 for mobile development?

$
0
0

Me and my team looking at redoing a project that is currently written natively for both iOS and Android. The code is old and we would love to not have to maintain two different projects.Currently we are considering Flutter and React Native.Any opinion on which platform is more future proof would be welcome.

Some audio url not playing on ios react native

$
0
0

Im building a react native application which plays audio file from url(internet).

From the admin side we are providing 2 options. (upload audio and record audio).

Using react-mic on the admin side for recording audio.

The issue is the audio files which we upload is getting played properly in react native android and ios.(https://s3.eu-west-3.amazonaws.com/evolum/beginner_1.mp3)

But the recorded audio using react-mic is getting played in android but not in ios.(https://learnpodseditornodeserver.knomadixapp.com/b2748b8d36e12478e2d99ff6c04492a2.mp3)

I'm using react-native-sound to play audio on mobile.

Here's my code

const sound = new Sound(audioUrl, '', (error) => {                  if (error) {                    console.log('failed to load the sound', error); // this error                    return;                  }                  // Play the sound with an onEnd callback                  sound.play((success) => {                    if (success) {                      console.log('successfully finished playing');                    } else {                      console.log('playback failed due to audio decoding errors');                    }                  });                });

Here's the error i'm getting.

{ code: "ENSOSSTATUSERRORDOMAIN1954115647", message: "The operation couldn’t be completed. (OSStatus error 1954115647.)", nativeStackIOS: Array(19), domain: "NSOSStatusErrorDomain", userInfo: {… }}

Why is GooglePlacesAutocomplete working on IOS but not in Android?

$
0
0

I am developing with react native and using Expo, and I installed google-places-autocomplete. I inserted the following code and it works perfectly on IOS but it doesn´t even show up on Android. Aditionally, on Android two errors pop up saying "Setting a timer for a long period of time, i.e. multiple minutes, is a performance and correctness issue on Android as it keeps the timer module awake, and timers can only be called when the app is in the foreground" and "Invalid index 1, size is 0", and when I disable the autocomplete both errors disappear. What should I do in order to fix it?

<GooglePlacesAutocomplete      placeholder="Buscar"    query={{      key: "API_KEY",      language: 'es-419',     }}    fetchDetails={true}    onPress={(data, details = null) => location_query(details.geometry.location.lat, details.geometry.location.lng )}    onFail={(error) => console.error(error)}    styles={{      textInput: {        backgroundColor: 'white',        marginTop: 10,        marginLeft: 15,        marginRight: 15,      },    }}    requestUrl={{      url:'https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api',      useOnPlatform: 'web',    }}  />

Why is GooglePlacesAutocomplete working on iOS but not on Android?

$
0
0

I am developing with react native and using Expo, and I installed google-places-autocomplete. I inserted the following code and it works perfectly on iOS but it doesn´t even show up on Android. Aditionally, on Android two errors pop up saying "Setting a timer for a long period of time, i.e. multiple minutes, is a performance and correctness issue on Android as it keeps the timer module awake, and timers can only be called when the app is in the foreground" and "Invalid index 1, size is 0", and when I disable the autocomplete both errors disappear. What should I do in order to fix it?

<GooglePlacesAutocomplete      placeholder="Buscar"    query={{      key: "API_KEY",      language: 'es-419',     }}    fetchDetails={true}    onPress={(data, details = null) => location_query(details.geometry.location.lat, details.geometry.location.lng )}    onFail={(error) => console.error(error)}    styles={{      textInput: {        backgroundColor: 'white',        marginTop: 10,        marginLeft: 15,        marginRight: 15,      },    }}    requestUrl={{      url:'https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api',      useOnPlatform: 'web',    }}  />

How to make boxes scroll horizontally?

$
0
0

I'm new to react native, and I'm trying to make a social media app. I want to make it where you can scroll vertically to view certain posts, and then scroll horizontally to see other posts by the same user. I downloaded a UI framework, and it scrolls vertically, but how would I make the posts scroll horizontally?

Home.js

import React from 'react';import {View,Text,Image,ImageBackground,TouchableOpacity} from 'react-native';import {ScrollView,TextInput} from 'react-native-gesture-handler';import Icon from '@expo/vector-icons/Entypo';import Posts from '../screens/Posts'export default class Home extends React.Component{    state={        popularSelected:true    }    onTabPressed=()=>{        this.setState({popularSelected:!this.state.popularSelected})    }    render(){        return(<ScrollView            showsVerticalScrollIndicator={false}            style={{                height:"100%",                backgroundColor:"#b5f8d9"            }}><View style={{                   height:260,                  width:"100%",                  paddingHorizontal:35              }}><View style={{                       flexDirection:"row",                      width:"100%",                      paddingTop:40,                      alignItems:"center"                  }}><View style={{                          width:"50%"                      }}><Image source={require('../images/Untitled.png')}                            style={{width:20,height:20}}/></View><View style={{                          width:"50%",                          alignItems:"flex-end",                      }}><Icon name = "dots-two-vertical"                            size={22}                            color="#d2d2d2"                            style={{                                marginRight:-7,                                marginTop:7                            }}/></View></View><View><Image source={require('../images/logoVizzey.jpg')} style={{width:200, height:80}}/></View>                {/* <Text style={{                    fontFamily:"Bold",                    fontSize:25,                    color:"#FFF",                    paddingVertical:25                }}>Vizzey</Text> */}<View style={{                    flexDirection:"row",                    borderColor:"#9ca1a2",                    borderRadius:20,                    borderWidth:0.2,                    paddingVertical:5,                    alignItems:"center"                }}><TextInput                        placeholder="search inispiration ..."                        style={{                            paddingHorizontal:20,                            fontFamily:"Medium",                            fontSize:11,                            width:"90%",                            color:"#9ca1a2"                        }}                    /><Icon name="magnifying-glass"                          size={15}                          color="#9ca1a2"/></View></View><View style={{                  backgroundColor:"#FFF",                  borderTopLeftRadius:40,                  borderTopRightRadius:40,                  height:1000,                  paddingHorizontal:35              }}><View style={{                      flexDirection:"row",                      paddingTop:20                  }}><TouchableOpacity                        onPress={this.onTabPressed}                        style={{                            borderBottomColor:this.state.popularSelected ? "#044244":"#FFF",                            borderBottomWidth:4,                            paddingVertical:6                        }}><Text style={{                              fontFamily:"Bold",                              color:this.state.popularSelected ? "#044244":"#9ca1a2"                          }}>MOST POPULAR</Text></TouchableOpacity><TouchableOpacity                        onPress={this.onTabPressed}                        style={{                            borderBottomColor:this.state.popularSelected ? "#FFF":"#044244",                            borderBottomWidth:4,                            paddingVertical:6,                            marginLeft:30                        }}><Text style={{                              fontFamily:"Bold",                              color:this.state.popularSelected ? "#9ca1a2":"#044244"                          }}>RECENT</Text></TouchableOpacity></View><View style={{                      flexDirection:"row"                  }}><Posts                        onPress={()=>this.props.navigation.navigate('Detail')}                        name="Max Bator"                        profile={require('../images/p1.jpg')}                        photo={require('../images/5.jpg')}                      /><View style={{                          height:160,                          backgroundColor:"#3c636c",                          width:20,                          marginLeft:20,                          marginTop:120,                          borderTopLeftRadius:20,                          borderBottomLeftRadius:20                      }}></View></View><View style={{                      flexDirection:"row"                  }}><View style={{                          height:160,                          backgroundColor:"#3c636c",                          width:20,                          marginLeft:-40,                          marginRight:20,                          marginTop:120,                          borderTopRightRadius:20,                          borderBottomRightRadius:20                      }}></View><Posts                        onPress={()=>this.props.navigation.navigate('Detail')}                        name="Erka Berka"                        profile={require('../images/p2.jpg')}                        photo={require('../images/6.jpg')}                      /></View><View style={{                      flexDirection:"row"                  }}> <Posts                        onPress={()=>this.props.navigation.navigate('Detail')}                        name="Max Bator"                        profile={require('../images/p1.jpg')}                        photo={require('../images/3.jpg')}                      /><View style={{                          height:160,                          backgroundColor:"#3c636c",                          width:20,                          marginLeft:20,                          marginTop:120,                          borderTopLeftRadius:20,                          borderBottomLeftRadius:20                      }}></View></View></View></ScrollView>        )    }}

Posts.js

import React from 'react';import {View,Text,Image,ImagBackground, ImageBackground} from 'react-native';import Icon from "@expo/vector-icons/Entypo"import {TouchableOpacity} from 'react-native-gesture-handler';export default class Posts extends React.Component{    state={        liked:false    }    onLike=()=>{        this.setState({liked:!this.state.liked})    }    render(){        const {name,profile,photo,onPress} = this.props        return(<View><View style={{                   flexDirection:"row",                   paddingTop:25,                   alignItems:"center"                         }}><View style={{width:"20%"}}><Image                                source={profile}                                style={{                                    width:45,                                    height:45,                                    borderRadius:13                                }}                                /></View><View style={{                        width:"60%"                    }}><Text style={{                            fontFamily:"Bold",                            fontSize:14,                            color:"#044244"                        }}>{name}</Text><Text style={{                            fontFamily:"Medium",                            fontSize:12,                            color:"#9ca1a2"                        }}>                            2 mins ago</Text></View><View style={{                        width:"20%",                        alignItems:"flex-end"                    }}><Icon                            name="sound-mix"                            color="#044244"                            size={20}                        /></View></View><View style={{                   flexDirection:"row",                   width:"100%",                   paddingTop:20               }}><ImageBackground                     source={photo}                    style={{                        width:"100%",                        height:220,                    }}                    imageStyle={{                        borderRadius:30                    }}><View style={{                            height:"100%",                            flexDirection:"row",                            alignItems:'flex-end',                            justifyContent:"flex-end"                        }}><TouchableOpacity                                onPress={onPress}                                style={{                                    marginBottom:20,                                    borderRadius:5,                                    padding:5,                                    backgroundColor:"#e8e8e8"                                }}><Icon name="forward"                                color="#044244"                                size={20}/></TouchableOpacity><TouchableOpacity                                onPress={this.onLike}                                style={{                                    marginBottom:20,                                    borderRadius:5,                                    padding:5,                                    backgroundColor:"#e8e8e8",                                    marginLeft:10,                                    marginRight:20                                }}><Icon name= {this.state.liked === true ? "heart":"heart-outlined"}                                 color= {this.state.liked===true? "red":"#044244"}                                size={20}/></TouchableOpacity></View></ImageBackground></View></View>        )    }}

Here is a picture of the UI:enter image description here

Anti-tampering measures in react native application

$
0
0

Implement anti-tampering measures and disable the use of applications when tampering attempts are detected

I could like to know how do I implement it in React Native (Expo) application. Is there any npm package available?

Expo Push Notifications Service/API - How to send anonymous user to specific webview screen in app after engaging with Push Notification

$
0
0

Using Expo Push Notification Service, I currently send Push Notification to all users, which are anonymous. The only data I am collecting and writing to a Firebase Database is the "ExponentPushToken" that identifies a unique device for sending notifications using expo's service. I have been sending Push Notification in terminal using the following command:

curl -H "Content-Type: application/json" -X POST "https://exp.host/--/api/v2/push/send" -d '{"to": ["ExponentPushToken[xxxxxxxxxxxxxxxxxxxxxx]","ExponentPushToken[xxxxxxxxxxxxxxxxxxxxxx]"  ],"title": "Hello World!","body": "Example text here!!","sound": "default"}'

Now, I presume this is not the most flexible way to send notifications, but it allowed me to QUICKLY hit the ground running. My goal now, is to be able to send users that interact with (click/press on) a particular push notification when receiving it on their device to a specific "state" (webview of a particular URL) within the app... I have read through most of the documentation, but I believe some of the content is a bit beyond my ability to interpret regarding what is necessary to make this happen (E.g. setting up Listener's, etc). Wondering if anyone can help simplify implementing this for me? Even if its a bit "janky", I am open to anything!

Custom Button Design "Sign in with Apple" in React-native

$
0
0

I want to add "Sign in with Apple" functionality in my React-native application. I have search and googled it but not able to customise my Apple Button But forcing to use default apple button. How can I achieve this if it is possible. I want this Design.

enter image description here

inputType={"number"}, Number dial pad not showing in ios but visible in android - React js

$
0
0

I am using React Bootstrap form control and input group.

I have created one Component and used in my other modules.

The code is as follows :

import InputGroup from "react-bootstrap/InputGroup";import Form from "react-bootstrap/Form"; export default class TextInput extends Component {render() {    var { value, maxLength, defaultInput, prefix, inputProps, placeholder, label, labelClass, formGroupClass, inputType, error, warning, onChange, disabled, mandatory } = this.props;    return (<div className={styles.container}><Form.Group className={formGroupClass}>          {label?            (<Form.Label className={labelClass}>{label}              {mandatory ? <span className="text-danger"> *</span>                : ""}</Form.Label>)            : ""          }<InputGroup>            {prefix && prefix !== "" ?<InputGroup.Prepend><InputGroup.Text>{prefix}</InputGroup.Text></InputGroup.Prepend> : ""}<Form.Control isInvalid={!!error} className={warning ? "border border-warning " : undefined}              disabled={disabled}              type={inputType}              placeholder={placeholder}              value={value}              defaultValue={defaultInput}              maxLength={maxLength}              onChange={(e) => onChange(e.target.value)}              onKeyPress={(e) => this.onKeyUp(e)}              {...inputProps}            />            </InputGroup><Form.Text className="feedback-warn text-warning">            {warning}</Form.Text><Form.Control.Feedback type="invalid">            {error}</Form.Control.Feedback></Form.Group></div>    );  }}}

And used this component in my other modules like this :

<TextInput   placeholder={formData.mobileNum.label}   inputType={"number"}   error={formData.mobileNum.errMsg}   value={formData.mobileNum.value}   prefix={"+91"}   maxLength="10"   onChange={(text) =>            changeValue(formData.mobileNum.propName, text)   }/>

The problem I am facing is in android device when I click on input field the number keypad is working fine.

In case of ios device inputType={"number"} is not working as I am not able to get the number keypad.

I tried some fixes but they affect the android also. I want that number keypad comes in both of the devices when I try to enter input field.

React-native, iOS simulator stops responding to CMD + D

$
0
0

since a couple of months I'm facing a very strange situation, when developing on the latest versions of react native (0.50+ to 0.60+) the iOS simulator stops responding to keyboard commands, that is:

  • Simulator starts, I can hit Cmd+R or Cmd+D just fine for a few cycles
  • After some hot reload cycles, the commands completely stop working
  • If go to Hardware->Keyboard->Send Keyboard Shortcuts and enabled it, the commands start working again
  • However then the Cmd+Shift+H doesn't work anymore so I cannot easily close the app if I have to

This is really driving me crazy, has anybody faced the same situation or knows any workaround? Many thanks!

P.S. I already tried a few months ago to reset everything (including simulator settings and xcode installation)

Pod install failure

$
0
0

I am receiving the following error while running pod install. Any clue?

enter image description here


React Native iOS build not executing PhaseScriptExecution React Native code and images on AzurePipeline, works on AppCenter

$
0
0

have an RN (0.64) iOS app which is failing not during build, but when you want to run it on device. The logs from Console is

No bundle URL present.Make sure you're running a packager server or have included a .jsbundle file in your application bundle.

I downloaded the build ipa, then opened the app inside, opened the package, really, there is no main.jsbundle, but, also assets folder is missing

Ok, so looking at what is responsible for creating this. This pointed me to the script execution phase Bundle React Native code and images which I can compare with the app that is working on appcenter, and the content is the same

export NODE_BINARY=node../node_modules/react-native/scripts/react-native-xcode.sh"

however logs on appcenter are much verbose like

PhaseScriptExecution Bundle\ React\ Native\ code\ and\ images /Users/runner/Library/Developer/Xcode/DerivedData/XXX-eqkizovqhsmxiqbfplseizynghjb/Build/Intermediates.noindex/ArchiveIntermediates/XXX\ Release/IntermediateBuildFilesPath/XXX.build/Release-iphoneos/XXX.build/Script-00DD1BFF1BD5951E006B06BC.sh (in target 'XXX' from project 'XXX')    cd /Users/runner/work/1/s/ios    export ACTION\=install    export AD_HOC_CODE_SIGNING_ALLOWED\=NO    export ALTERNATE_GROUP\=staff    export ALTERNATE_MODE\=u+w,go-w,a+rX    export ALTERNATE_OWNER\=runner

compared to logs on azure devops pipeline

2021-06-09T09:36:32.3089890Z ▸ Running script 'Bundle React Native code and images'2021-06-09T09:36:32.4559690Z ▸ Generating 'XXX.app.dSYM'

which to me looks like this is completely ignored.

This is a build yaml from azure devops pipeline

steps:- task: Xcode@5  displayName: 'Xcode build'  inputs:    configuration: Release    sdk: iphoneos    xcWorkspacePath: ios/XXX.xcworkspace    scheme: XXX    xcodeVersion: 12    packageApp: true    archivePath: output/archive    exportPath: output/package    signingOption: manual    signingIdentity: '$(APPLE_CERTIFICATE_SIGNING_IDENTITY)'    provisioningProfileUuid: '$(APPLE_PROV_PROFILE_UUID)'    args: 'ARCHS=arm64 ONLY_ACTIVE_ARCH=NO'

could you please help me understand why the phase is not executed the same on appcenter and azure devops pipline?

react native IOS The data couldn’t be read because it isn’t in the correct format

$
0
0

when Uploading build to App Store

Issues facing The data couldn’t be read because it isn’t in the correct format.

ReactNative: No `Podfile' found in the project directory

$
0
0

I am working on an existing ReactNative project to add new features to the IOS app. But I tried to build and run the IOS app using "react-native run-ios" command, I am getting the following error.

Could not find "Podfile.lock" at null.lock. Did you run "pod install" in iOS directory?

To resolve the problem, first I run the following command in the ios folder of the project.

pod install

When I do that, I am getting the following error in the console.

[!] No `Podfile' found in the project directory.

To solve that error, I tried doing the followings.

I run "sudo gem install cocoapods"Then in the ios folder I run "pod init"Then I run "pod install" within the ios folder

Then I got the following error

[!] The target `xxxxxx xxxTests` is declared multiple times.

I removed the repeating one in the Podfile and tried running pod install again. This time it run but I am getting the following warning.

[!] The Podfile does not contain any dependencies.[!] Automatically assigning platform `iOS` with version `12.0` on target `Inventory Smart` because no platform was specified. Please specify a platform for this target in your Podfile. See `https://guides.cocoapods.org/syntax/podfile.html#platform`.[!] Automatically assigning platform `tvOS` with version `12.0` on target `Inventory Smart-tvOS` because no platform was specified. Please specify a platform for this target in your Podfile. See `https://guides.cocoapods.org/syntax/podfile.html#platform`.

When I run react-native run-ios, I am getting the following error.

error Could not find "Podfile.lock" at null.lock. Did you run "pod install" in iOS directory?

How can I solve the issue, please?

How can I get the 'facebookScheme' for iOS in an Expo project?

$
0
0

Expo documentation on expo-facebook says I need to add facebookScheme setting to my app.json file.
To acquire it, the documentation says for me to access the Facebook documentation.
The Facebook documentation says I need to configure a bunch of stuff which requires a Xcode project. For example, configure Info.plist file, or install some dependencies which require Cocoapods.. etc.
But Expo does not expose this file to me, it's an Expo project after all!

What do I do here then? Do I need to associate this Expo project to an Xcode project, somehow? Do I need to eject from Expo?

Just to add some context (which might be relevant or not), the main reason I'm asking this is because when I try to login using Facebook on iOS, my app simply crashes (a SIGABRT error)! I suspect it is because of this missing facebookScheme field.

Thank you

Pod install error on react native project

$
0
0

I have recently started to learn react native. I created a project using react-native cli and to when i tried to run

pod install

inside ios directory i got the following error.Im using MacOS Bigsur 11.4 and xcode version 12.4. Thanks in advance for any help.

checking for a BSD-compatible install... /usr/bin/install -cchecking whether build environment is sane... yeschecking for arm-apple-darwin-strip... nochecking for strip... stripchecking for a thread-safe mkdir -p... ./install-sh -c -dchecking for gawk... nochecking for mawk... nochecking for nawk... nochecking for awk... awkchecking whether make sets $(MAKE)... yeschecking whether make supports nested variables... yeschecking for arm-apple-darwin-gcc... /Applications/Xcode 12.4.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/cc -arch armv7 -isysroot /Applications/Xcode 12.4.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS14.4.sdkchecking whether the C compiler works... no/Users/mac/Library/Caches/CocoaPods/Pods/Release/Flipper-Glog/0.3.6-1dfd6/missing: Unknown `--is-lightweight' optionTry `/Users/mac/Library/Caches/CocoaPods/Pods/Release/Flipper-Glog/0.3.6-1dfd6/missing --help' for more informationconfigure: WARNING: 'missing' script is too old or missingconfigure: error: in `/Users/mac/Library/Caches/CocoaPods/Pods/Release/Flipper-Glog/0.3.6-1dfd6':configure: error: C compiler cannot create executablesSee `config.log' for more details
Viewing all 16909 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>