My page generates a URL like this: blob:baseurl/e4fb3bfa-270b-4799-8330-6e0e061ee875Any way to convert blob url to data Url or base64 string?
url:- blob:baseurl/e4fb3bfa-270b-4799-8330-6e0e061ee875↧
There is any way to convert blob url to data url or base64 string in react native
↧
react native securetextEntry issue on ios build working in simulator
i have create a sign in form where i'm taking username and password as input. the issue in on simulator i m able to insert password and its visible as encrypt(black dots) but when i create a build password input is showing blank input and keyboard is not opening.
Versions:"react": "16.13.1""react-native": "~0.63.4"
custom input component
const BorderedTextInputWithIcon = React.forwardRef((props, ref = null) => (<View style={{ width: "100%" }}> {props.icon && (<Icon name={props.icon} size={20} color={Colors.CYAN} style={{ position: "absolute", left: 10, top: 30, zIndex: 1 }} /> )}<TextInput {...props} style={{ ...styles.textInput, ...props.style }} ref={ref} placeholderTextColor={Colors.LIGHT_GRAY} /> {props.rightIcon && (<Icon name={props.rightIcon} size={18} color={Colors.WHITE} style={{ position: "absolute", right: 30, top: 35, zIndex: 1, color: Colors.CYAN, borderRadius: 20, padding: 3, }} /> )}</View>));<BorderedTextInputWithIcon ref={(ref) => (this.password = ref)} keyboardType="default" placeholder="Password" style={styles.input} icon="eye" secureTextEntry={true} value={password} onChangeText={(value) => this.handleOnChange("password", value)} onSubmitEditing={this.onSubmit} />calling as this in sign in screen
↧
↧
How to add a custom crop overlay to crop tool in react native?
I need to build an image select and crop tool into my react native app (both iOS and Android).
We are already using react-native-image-crop-picker for other parts of the app. It offers the circle overlay, but I would like to have more UI customization parameters, including using a custom [SVG?] shape for an overlay.
I looked inside its Android part and it uses another library, uCrop, and it seems quite hard to integrate another shape into it.
- Is it possible to integrate it?
- Is it possible to add overlay on the javascript side?
- Other library suggestions capable of what's desired are highly appreciated
↧
Cmd+r Recording the simulator instead of reloading the app in React Native
As you know new feature recording simulator has been around for 14.5 simulators, however the problem is that it's set to cmd+r, we can not reload the app using cmd+r anymore, can we fix it or can we disable recording video feature? thanks.
↧
react-native weekly repeated local push notification
i've tried to make alarm to repeat sepecific weekday by using react-native-local-push-notification. i used react-native-push-notification (https://github.com/zo0r/react-native-push-notification#readme), but in IOS it's not possible to set repeatType except "day".do you have any idea to make weekly repeated alarm(weekly repeated push-notification)
PushNotification.localNotificationSchedule({ id: parseInt(endAlarm.id), title: 'endAlarm', message: endAlarm.message, date: endAlarm.date, channelId: endAlarm.channelId, number: endAlarm.number, //android vibrate: true, vibration: 300, visibility: 'public', importance: 'high', //both playSound: true, actions: ['OK'], repeatType: 'week', })↧
↧
Why does React Native iOS emulator's reload shortcut sometimes stop working?
Occasionally the Cmd+R keyboard shortcut to reload the React Native iOS emulator stops working. The Cmd+D command to open the developer menu still works, and I can reload from there, and when I close and re-run the emulator Cmd+R works again, but I'm just curious why it might be that it stops working.
Does anyone have any insight?
↧
Property 'bridge' not found on object of type '__strong id'
I was trying to build on Xcode 12 and this error occurred in AppleDelegate.m file:
- (void)appController:(EXUpdatesAppController *)appController didStartWithSuccess:(BOOL)success { appController.bridge = [self initializeReactNativeApp]; EXSplashScreenService *splashScreenService = (EXSplashScreenService *)[UMModuleRegistryProvider getSingletonModuleForClass:[EXSplashScreenService class]]; [splashScreenService showSplashScreenFor:self.window.rootViewController];}It shows error messages: 'Expected a type' and 'Property 'bridge' not found on object of type '__strong id''
↧
Using React Native Webview in iOS App is crashing intermittently
I have a react native iOS application (version 0.62.2) using react-native-webviewplugin latest version 11.x to render few webview screens in the App. Recently noticed in the crash logs that sometimes the webview screens crash intermittently on launch. Got below exception from the error logs of the sessions.
Error
NSInvalidArgumentException *** -[__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[1]Need inputs on the below point:
How to decode this error? If I try to replicate the same behavior on xcode I get the error 1 out of 5 times and it points to the webview plugin.
![enter image description here]()
Is there a way to try/catch this error so that the App at least does not crash? I tried error boundary but that will not catch this exception.
Any help is greatly appreciated.
↧
How to get current route name in react-navigation?
I want the name of the current route or screen in react-navigation which I want to use inside if condition to make some changes.
↧
↧
Can we transfer data between mobile devices cross platform while both devices offline , if yes which technology libraries it can use?
I am a Java developer new for mobile technologies .Got a new requirement ."My goal is to transfer msg between 2 mobile devices in offline mode cross platform (android to iOS and iOS to android) ".I tried some Bluetooth react native libraries but they does not work cross platform . while they are ok android to android and ios to ios .
Is it even possble to transfer data between 2 mobile devices cross platform ?
If you do have any suggestions or if you know any libraries which can work cross platform in offline mode(Either using WIFI hot spot or Bluetooth or any other technology) it would be really great help to me ?
↧
How to update size on View element on click of a Button in React Native?
I'm new in React Native programming and wanted to ask how to change View size on a button click. In other words, how to change it dynamically.
This is the View element:
<View style={{ height: 350, alignSelf: "stretch", margin: 10 }}/>My goal is, on some button click, this height: 350 to be changed, for example, to height: 450.
Thanks in advance.
↧
Saving audio files in mobile with expo Audio
I want to save recorded audio messages of my user in his phone for that I need to access his phone to save the audio in any file from where later I can retrieve back but I have no idea how can I do that? A possible solution I get to see is to store in Firebase storage or AWS bucket and store the URL in the database but I want to store that audio files in the user phone.
async function startRecording() { try { console.log("Requesting permissions.."); await Audio.requestPermissionsAsync(); await Audio.setAudioModeAsync({ allowsRecordingIOS: true, playsInSilentModeIOS: true, }); console.log("Starting recording.."); const recording = new Audio.Recording(); await recording.prepareToRecordAsync( Audio.RECORDING_OPTIONS_PRESET_HIGH_QUALITY ); await recording.startAsync(); setRecording(recording); console.log("Recording started");} catch (err) { console.error("Failed to start recording", err); } } async function stopRecording() { console.log("Stopping recording.."); setRecording(undefined); await recording.stopAndUnloadAsync(); const uri = recording.getURI(); handleStoringFilesInPhone(uri) console.log("Recording stopped and stored at", uri); console.error("URI", uri);}I want to store the URI getting back from expo audio in the user's phone how can I do that?
↧
react-native-snap-carousel omit sliderWidth and itemWidth and infer from flex?
Looks like the component requires absolute numbers itemWidth and sliderWidth. Is it possible to omit these and just provide flex styles?
↧
↧
How to generate a .ipa file from Expo build and sideload on to real device?
I'm developing a mobile app for my final year project in university using React Native and Expo. I was able to generate a .apk file using expo build:android and then selecting the 'apk' option. I could then download that .apk file on to real android devices to test the app.
I want to do the same thing for iOS. When I ran expo build:ios I selected the 'simulator' option and I was able to download a .app file. When I tried to airdrop this to my iPhone I could either choose to open it in the App Store or else my files but neither worked - I'm pretty sure it needs to be a .ipa file for it to be sideloaded.
I tried choosing the 'archive' option but it was asking for an Apple Developer login - which I don't have.
As this is only a final year university project, I do not want to enroll as an Apple Developer or anything like that - I just simply want to generate an .ipa file from expo so I can send it to my friends to test on their phones to get feedback.
Thanks in advance.
↧
Implement Video Editing Features in React native
I'm looking for video editing features in react native but i'm not found proper solution for that. Anyone please help me for overcome this issues.
Thank You.
↧
React Native Element not showing correctly on iOS but does on Android
I'm building a React Native app for iOS and Android. But when I make the bottomtabnavigation and making a custom button in it. The icon and or the views underneath the icon are not showing correctly on iOs but does on android.
Here is the code:
<View style={{borderRadius: 50, alignItems: 'center', justifyContent: 'center', padding: 3, top: -25, backgroundColor: '#F6227D'}}><View style={{borderRadius: 50, alignItems: 'center', justifyContent: 'center', padding: 3, top: -3, backgroundColor: '#4A2485'}}><View style={{borderRadius: 50, alignItems: 'center', justifyContent: 'center', padding: 5, top: -3, backgroundColor: '#0551D8'}}><Icon name={'home'} style={{textAlign: 'center'}} size={35} type='material' color={focused ? 'white' : 'black'}/></View></View></View>iOS:
Android:
↧
Why does iOS show an alert "This app needs to be updated by the developer to work on this version of iOS." for my react native app?
I've just built my React Native app for the first time, and after generating an .ipa and installing it on my device to test, I get an alert with title "MyApp - iOS" Needs To Be Updated and body This app needs to be updated by the developer to work on this version of iOS.
In my ReactNative project I've set iOS target to be 10.0, and the iOS version on the phone is 14.2, so I don't understand why it doesn't work. I've struggled to find any helpful resources from googling around.
↧
↧
How to fix iOS/Xcode build error, undefined symbol `__C.NSURLSession.DataTaskPublisher`?
When adding a cocoapods dependency, we started getting build errors like these:
Undefined symbols for architecture x86_64:"type metadata accessor for (extension in Foundation):__C.NSURLSession.DataTaskPublisher", referenced from: (extension in TinyNetworkingObjcIO):__C.NSURLSession.load<A>(TinyNetworkingObjcIO.Endpoint<A>) -> Combine.AnyPublisher<A, Swift.Error> in libTinyNetworkingObjcIO.a(Endpoint.o) lazy protocol witness table accessor for type (extension in Foundation):__C.NSURLSession.DataTaskPublisher and conformance (extension in Foundation):__C.NSURLSession.DataTaskPublisher : Combine.Publisher in Foundation in libTinyNetworkingObjcIO.a(Endpoint.o)"protocol conformance descriptor for (extension in Foundation):__C.NSURLSession.DataTaskPublisher : Combine.Publisher in Foundation", referenced from: lazy protocol witness table accessor for type (extension in Foundation):__C.NSURLSession.DataTaskPublisher and conformance (extension in Foundation):__C.NSURLSession.DataTaskPublisher : Combine.Publisher in Foundation in libTinyNetworkingObjcIO.a(Endpoint.o)"(extension in Foundation):__C.NSURLSession.dataTaskPublisher(for: Foundation.URLRequest) -> (extension in Foundation):__C.NSURLSession.DataTaskPublisher", referenced from: (extension in TinyNetworkingObjcIO):__C.NSURLSession.load<A>(TinyNetworkingObjcIO.Endpoint<A>) -> Combine.AnyPublisher<A, Swift.Error> in libTinyNetworkingObjcIO.a(Endpoint.o)ld: symbol(s) not found for architecture x86_64clang: error: linker command failed with exit code 1 (use -v to see invocation)These errors just appear kind of "out of the blue" after we added a new dependency to our Podfile, with no info about what caused them and what part of the code it originates from, they're just printed after the build and during the linking stage, which now fails.
What does this error mean? What can be done to try and resolve it?
This happens to be a react-native generated XCode project, not sure if that's relevant.
↧
React-Native-Firebase: App store not opening when app is not installed on iOS device
Using the React-Native-Firebase Dynamic Links library, I followed the tutorial mentioned here and then I create a Dynamic Link using the following code:
const link = await dynamicLinks().buildLink({ link: "https://myInternalDomainLink.app", domainUriPrefix: "https://myFirebaseDynamicLink.app", android: { packageName: "sample.app" }, ios: { bundleId: "sample.app" }, analytics: { campaign: "banner", },});When the app is installed on the device, clicking on the link opens the app. That's proper. But if the app is not installed, clicking on the Open button in the browser preview does not open the app store, but instead navigates to the link parameter in the code above.
How can I make the dynamic link which is opened in the browser, to open the app in the App Store instead of navigating to my site's URL?
↧
React-native IOS app is stuck on splash screen Getting type of NSException in the logs
Android APP is working fine.Tried to clean up project & build it on debug and release mode. created new main.js bundle file.
These are the logs am getting-
NSException * "-[RCTRootView reactTag]: unrecognized selector sent to instance
Initializing <RCTCxxBridge: 0x7fd502e07a10> (parent: <RCTBridge: 0x600003734230>, executor: (null))
libc++abi.dylib: terminating with uncaught exception of type NSException
↧