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

Custom font not working in React Native

$
0
0

I want to use a font from google fonts in my app. Here is the font.

I have placed the .ttf file in app/fonts.

package.json:

{"name": "xxx","version": "0.0.1","private": true,"scripts": {"start": "node node_modules/react-native/local-cli/cli.js start","test": "jest"    },"rnpm": {"assets": ["./app/fonts"]    },"jest": {"preset": "react-native","moduleNameMapper": {"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js","\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"        }    },"dependencies": {"flow-typed": "^2.0.0","immutable": "^3.8.1","react": "~15.4.1","react-native": "0.42.0","react-native-vector-icons": "^4.0.0","react-redux": "^5.0.3","redux": "^3.6.0","redux-immutable": "^4.0.0","redux-observable": "^0.14.1","rxjs": "^5.2.0"    },"devDependencies": {"babel-eslint": "^7.1.1","babel-jest": "19.0.0","babel-preset-react-native": "1.9.1","eslint": "^3.17.0","eslint-plugin-flowtype": "^2.30.3","eslint-plugin-jsx": "^0.0.2","eslint-plugin-react": "^6.10.0","eslint-plugin-react-native": "^2.3.1","flow-bin": "^0.42.0","jest": "19.0.2","jest-cli": "^19.0.2","react-test-renderer": "~15.4.1","redux-devtools": "^3.3.2","remote-redux-devtools": "^0.5.7"    }}

then ran react-native link.

Then use the font in my app:

import { View, Text } from 'react-native'import React from 'react'import Width from '../width/Width'import Shape from '../shape/Shape'import Height from '../height/Height'import Thickness from '../thickness/Thickness'export const Volcalc = () => (<View style={styles.container}><Text style={styles.text}>SHAPE</Text><Shape /><Text style={styles.text}>HEIGHT</Text><Height /><Text style={styles.text}>WIDTH</Text><Width /><Text style={styles.text}>THICKNESS</Text><Thickness /></View>)const $mainColor = '#00d1b2'const styles = {  container: {    flex: 1,    padding: 20,    backgroundColor: $mainColor  },  text: {    textAlign: 'center',    color: 'rgba(255, 255, 255, 0.9)',    fontSize: 15,    fontFamily: 'Orbitron'  }}

In android it doesn't show the new font but has no error. In ios it has error:

Unrecognised font family "Orbitron"

What am I doing wrong?

How do I find out the EXACT value to place in fontFamily: 'xxx'?


Swift parse object to JSON object

$
0
0

I am using shopify iOS SDK(mobile-buy-sdk-ios) in react native to get login user's orders.Here is my code,

let query = Storefront.buildQuery { $0        .customer(customerAccessToken: token) { $0          .orders(first: count, reverse: true) { $0                .edges { $0                    .node { $0                      .id()                      .orderNumber()                      .totalPrice()                      .statusUrl()                      .lineItems(first: 25){ $0                          .edges{ $0                              .node{ $0                                  .title()                                  .quantity()                                  .variant{ $0                                      .id()                                      .price()                                      .title()                                      .image{ $0                                          .originalSrc()                                      }                                  }                              }                          }                      }    let task  = self.client.queryGraphWith(query, cachePolicy: .networkOnly) { response, error in     error.debugUserPrint()     let userOrders = response.customer?.orders.edges[0].node;     let res = try! JSONSerialization.data(withJSONObject: userOrders)     completion([res])}

And I am getting this response in userOrders variable

<QueryRoot: ["customer": {    orders =     {        edges =         (                        {                node =                 {                    id = "Z2lkOi8vc2hvcGlmeS9PcmRlci8yMjY2NTM3NzU0NzEwP2tleT0zNWFiYzBkMjRmMDk3MjZlYzgzYjkwZDVlZGI5YjM4MA==";                    lineItems =                     {                        edges =                         (                                                        {                                node =                                 {                                    quantity = 1;                                    title = "Gift wrapping";                                    variant =                                     {                                        id = "Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0VmFyaWFudC8xMjE3MzkzNjYyMzcwMg==";                                        image =                                         {                                            originalSrc = "https://cdn.shopify.com/s/files/1/2331/3377/products/Gift_Boxes_11_22_2017_Standard_1024x1024_60d01a1c-f665-4c9e-b80b-f6fda9167de3.jpg?v=1521444032";                                        };                                        price = "10.00";                                        title = "Default Title";                                    };                                };                            }                        );                    };                    orderNumber = 1040;                    statusUrl = "23313377/orders/11f378e7df2731521429f377015d2ec2/authenticate?key=35abc0d24f09726ec83b90d5edb9b380";                    totalPrice = "10.00";                };            }        );    };}]>)

this formate, so try to parse this data to JSON object to pass data from iOS function to javascript function. I have tried

JSONSerialization.data(withJSONObject: userOrders)

but it is not working. I just want to parse this data to JSON. I have also tried many other ways but no luck.

Thanks.

[Unhandled promise rejection: TypeError: undefined is not a function (near '...nestedImage.map...')]

$
0
0

I've been handed a project and I'm trying to run the app in Expo, but I'm getting an unhandled promise error.

[Unhandled promise rejection: TypeError: undefined is not a function (near '...nestedImage.map...')]* utils/index.js:107:28 in * utils/index.js:99:38 in * utils/index.js:91:52 in * utils/index.js:90:38 in getImageInstances* utils/index.js:165:45 in * utils/index.js:163:34 in deleteStaleImages

Inside index.js below:

const getImageInstances = (imagePath, originalImageState) => {  const occurrencesList = [];  Object.keys(originalImageState).map((reducerKey) => {    Object.keys(originalImageState[reducerKey]).map((imageKey) => {      const currentImage = originalImageState[reducerKey][imageKey];      if (typeof currentImage === 'string' || typeof currentImage === 'number') {        if (imagePath === currentImage) {          occurrencesList.push(`${reducerKey}.${imageKey}`);        }      } else {        // If it's not a string, then it's an object        Object.keys(currentImage).map((nestedImageKey) => {          const nestedImage = currentImage[nestedImageKey];          if (typeof nestedImage === 'string') {            if (imagePath === currentImage) {              occurrencesList.push(`${reducerKey}.${imageKey}.${nestedImageKey}`);            }          } else {            // If it's not a string, then it's an array            nestedImage.map((imageValue, idx) => {              if (imagePath === imageValue) {                occurrencesList.push(`${reducerKey}.${imageKey}.${nestedImageKey}.${idx}`);              }            });          }        });      }    });  });};

TypeError: Undefined is not an object (evaluating '_pushNotifications.pushNotifications.configure') React Native

$
0
0

I am new to React Native and am trying to create push notifications on iOS with push-notification-ios and react-native-push-notification. I am following a number of different tutorials on this as I am still learning how it works.

When I run my app I get the following error.

error

Here is my code

const configure = async () => {    console.log('push notification configured');    PushNotificationIOS.addEventListener('registrationError', (e) => {    PushNotifcation.configure({        onRegister: function(token) {            //process token            alert('Token!'+ JSON.stringify(token));            console.log('[CATCHED] onRegister:', token);            db.setToken(token).catch(               console.log('[ERROR] device push token has not been saved on the database'),             );        },        onNotification: async function(notification) {            console.log('[CATCHED] onNotification:'+ JSON.stringify(notification));            let notifType = '';            if (Platform.OS === 'ios') {                notifType = getNotificationType(                    JSON.parse(notification.data.data).type,                );            } else {                notifType = getNotificationType(                    notification.type,                );            }            //process the notification            //required on iOS only            if (Platform.OS === 'ios') {            notification.finish(PushNotificationIOS.FetchResult.NoData);            }            },            senderID: '-----',        permissions: {            alert: true,            badge: true,            sound: true        },        popInitialNotification: true,        requestPermissions: true,    });    });}export {    configure,};

Ask - accessing built in notes app IOS and Android - React Native

$
0
0

is it possible to open Notes app on Ios and Android when the phone has built in Notes app ?

i cannot find any package or apps name (trying to deeplink) the Notes apps on both android and ios.

is every body ever work with this feature ?

CDN: trunk URL couldn't be downloaded in certain React Native project when running "pod install"?

$
0
0

I have this react native project that im working with multiple computers, in my MacBook everything works fine, when I run "pod install" after running "npm install" the pods project is created successfully, in the other hand when I do the same in my desktop I get this following error:

enter image description here

Ive tried installing pods for other projects and everything works fine, the problem is with this project in particular.

UPDATAE:

Thanks for your comments, for you to know:

after running:

pod repo remove trunkpor install

This is what I get:

enter image description here

This is my package.json:

{"name": "aksystems","version": "3.9.8","description": "","author": "","private": true,"scripts": {"start": "react-native start","test": "jest","lint": "eslint .","ios": "cd ios/ && rm -rf Pods/ && rm -rf Podfile.lock && pod install && cd ../ && react-native run-ios","android": "cd android/ && ./gradlew clean && cd ../ && react-native run-android","build:ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file='index.js' --bundle-output='./ios/mstore/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'","setup": "./scripts/setup.sh","setup:android": "./scripts/setup_android.sh","reset": "./scripts/reset.sh","postinstall": "patch-package && npx jetify"  },"dependencies": {"@babel/plugin-proposal-class-properties": "^7.5.5","@babel/plugin-proposal-decorators": "^7.4.4","@invertase/react-native-apple-authentication": "^0.1.1","@react-native-community/async-storage": "^1.5.1","@react-native-community/netinfo": "5.0.1","@react-native-community/viewpager": "^3.3.0","@react-native-firebase/app": "^6.0.4","@react-native-firebase/auth": "^6.0.4","api-ecommerce": "0.0.34","base-64": "^0.1.0","currency-formatter": "^1.5.4","deprecated-react-native-listview": "0.0.6","firebase": "^7.9.1","firebase-admin": "^8.9.2","glob": "^7.1.6","html-entities": "^1.2.1","jetifier": "^1.6.3","lodash": "^4.17.15","moment": "^2.24.0","native-base": "^2.13.8","oauth-1.0a": "^2.2.6","patch-package": "^6.1.2","postinstall-postinstall": "^2.0.0","react": "16.9.0","react-native": "0.61.5","react-native-admob": "^2.0.0-beta.6","react-native-animatable": "^1.3.2","react-native-app-intro-slider": "^3.0.0","react-native-apple-authentication": "https://github.com/ton44079/react-native-apple-authentication","react-native-camera": "git+https://git@github.com/react-native-community/react-native-camera.git","react-native-clean-form": "^0.5.0","react-native-collapsible": "^1.4.0","react-native-country-picker-modal": "^1.10.0","react-native-credit-card-input": "^0.4.1","react-native-date-picker": "^2.7.7","react-native-drawer": "^2.5.1","react-native-facebook-account-kit": "^2.1.0","react-native-fbsdk": "^1.1.1","react-native-fluid-slider": "^1.0.2","react-native-gesture-handler": "^1.6.0","react-native-image-picker": "^2.3.1","react-native-image-zoom-viewer": "^2.2.26","react-native-keyboard-aware-scroll-view": "0.9.1","react-native-linear-gradient": "^2.5.5","react-native-localization": "^2.1.4","react-native-masked-text": "^1.12.4","react-native-modalbox": "2.0.0","react-native-onesignal": "3.5.0","react-native-paper": "3.4.0","react-native-picker-select": "^6.3.3","react-native-radio-buttons": "^1.0.0","react-native-reanimated": "^1.7.0","react-native-render-html": "^4.1.2","react-native-restart": "^0.0.13","react-native-screens": "^2.0.0-alpha.22","react-native-scrollable-tab-view": "1.0.0","react-native-snap-carousel": "^3.8.0","react-native-star-rating": "^1.1.0","react-native-store-rating": "^1.0.1","react-native-swipe-list-view": "^2.0.0","react-native-swiper": "^1.6.0-nightly.5","react-native-tab-view": "^2.13.0","react-native-vector-icons": "^6.6.0","react-native-video": "^5.0.2","react-native-webview": "8.0.1","react-navigation": "4.0.10","react-navigation-stack": "^1.10.3","react-navigation-tabs": "^2.6.2","react-redux": "7.1.0","redux": "4.0.5","redux-actions": "^2.6.5","redux-persist": "5.10.0","redux-thunk": "^2.3.0","reselect": "^4.0.0","tcomb-form-native": "^0.6.20","tipsi-stripe": "^7.5.1","urijs": "^1.19.1","url": "^0.11.0","url-parse": "^1.4.7","util": "^0.12.1","uuid": "^3.3.2","validate.js": "^0.13.1","wpapi": "^1.2.1"  },"devDependencies": {"@babel/core": "7.6.2","@babel/runtime": "7.6.2","@react-native-community/eslint-config": "^0.0.5","babel-jest": "24.9.0","babel-plugin-transform-remove-console": "^6.9.4","eslint": "6.5.1","eslint-config-airbnb": "^18.0.1","eslint-plugin-import": "^2.19.1","eslint-plugin-jsx-a11y": "^6.2.3","eslint-plugin-react-hooks": "^2.3.0","jest": "24.9.0","metro-react-native-babel-preset": "0.57.0","react-test-renderer": "16.10.2","reactotron-react-native": "4.0.2","reactotron-redux": "3.1.2"  },"jest": {"preset": "react-native","setupFiles": ["./node_modules/react-native-gesture-handler/jestSetup.js"    ]  }}

And podfile:

platform :ios, '9.0'#require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'target 'aksystems' do  # Pods for mstore  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"  pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"  pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"  pod 'React', :path => '../node_modules/react-native/'  pod 'React-Core', :path => '../node_modules/react-native/'  pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'  pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'  pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"  pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'  pod 'Google-Mobile-Ads-SDK'  pod 'react-native-date-picker', :path => '../node_modules/react-native-date-picker'  pod 'react-native-image-picker', :path => '../node_modules/react-native-image-picker'  pod 'Stripe', '~> 14.0.0'  pod 'tipsi-stripe', :path => '../node_modules/tipsi-stripe'  pod 'react-native-onesignal', :path => '../node_modules/react-native-onesignal'  target 'aksystemsTests' do    inherit! :search_paths    # Pods for testing  end  use_native_modules!endtarget 'OneSignalNotificationServiceExtension' do  pod 'OneSignal', '>= 2.9.3', '< 3.0'end

As you said, Ive seen in various SO questions and GitHub posts that might be a network issue but as I told you another Pod projects work pretty well, the pods versions are the same (last) and both machines are running over the same network.

_gestureRecognizer:shouldReceiveEvent - unrecognized selector sent to instance

$
0
0

Please help me, I am trying to run my react-native app in xCode and it running but when i press the screen show up thit error.

mainAppDelegant.h

import <React/RCTBridgeDelegate.h>import <UIKit/UIKit.h>@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>@property (nonatomic, strong) UIWindow *window;@end

AppDelegant.m

@implementation AppDelegate-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary  *)launchOptions {   NSURL *jsCodeLocation;   jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];  [ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];    RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:jsCodeLocation                                          moduleProvider:nil                                           launchOptions:launchOptions];  #if RCT_DEV    [bridge moduleForClass:[RCTDevLoadingView class]];  #endif    RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge                                                 moduleName:@"<AddYourAppNameHere>"                                          initialProperties:nil];  return YES;}

react-native init versus Expo for new React Native project?

$
0
0

I am completely new to React Native and I would like to develop my first RN app. I have experience with React and building iOS apps with Swift, but I have never tried React Native.

I see that there are two main ways of creating a new app, either with react-native init or through Expo. Which is the preferred toolchain for someone of my experience? Can somebody explain the tradeoffs between the two?


Fastlane lane uploading application to testflight

$
0
0

I am trying to build an ios application and upload it to Testflight using Fastlane but I'm getting these errors. appName is the name of my application.

[04:32:03]: $ set -o pipefail && xcodebuild -workspace ./appName.xcworkspace -scheme appName -destination 'generic/platform=iOS' -archivePath /Users/distiller/Library/Developer/Xcode/Archives/2020-05-01/appName\ 2020-05-01\ 04.32.03.xcarchive archive | tee /Users/distiller/Library/Logs/gym/appName-appName.log | xcpretty[04:32:05]: ▸❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')[04:32:05]: ▸❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')[04:32:05]: ▸❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')[04:32:05]: ▸❌  error: Failed to parse IPHONEOS_DEPLOYMENT_TARGET: Could not parse version component from: '3 ' (in target 'appName')[04:32:05]: ▸ ** ARCHIVE FAILED **❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')❌  error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')❌  error: Failed to parse IPHONEOS_DEPLOYMENT_TARGET: Could not parse version component from: '3 ' (in target 'appName')** ARCHIVE FAILED **[04:32:05]: Exit status: 65[04:32:05]: [04:32:05]: Maybe the error shown is caused by using the wrong version of Xcode[04:32:05]: Found multiple versions of Xcode in '/Applications/'[04:32:05]: Make sure you selected the right version for your project[04:32:05]: This build process was executed using '/Applications/Xcode-10.1.app'[04:32:05]: If you want to update your Xcode path, either[04:32:05]: [04:32:05]: - Specify the Xcode version in your Fastfile[04:32:05]: ▸ xcversion(version: "8.1") # Selects Xcode 8.1.0[04:32:05]: [04:32:05]: - Specify an absolute path to your Xcode installation in your Fastfile[04:32:05]: ▸ xcode_select "/Applications/Xcode8.app"[04:32:05]: [04:32:05]: - Manually update the path using[04:32:05]: ▸ sudo xcode-select -s /Applications/Xcode.app[04:32:05]: +---------------+------------------------------+|              Build environment               |+---------------+------------------------------+| xcode_path    | /Applications/Xcode-10.1.app || gym_version   | 2.146.1                      || export_method | app-store                    || sdk           | iPhoneOS12.1.sdk             |+---------------+------------------------------+[04:32:05]: ▸ Build system information[04:32:05]: ▸ error: /Users/distiller/demo-react-native/ios/Pods/Target Support Files/Pods-appName/Pods-appName.release.xcconfig: unable to open file (in target "appName" in project "appName") (in target 'appName')[04:32:05]: ▸ Build system information[04:32:05]: ▸ error: Failed to parse IPHONEOS_DEPLOYMENT_TARGET: Could not parse version component from: '3 ' (in target 'appName')[04:32:05]: [04:32:05]: ⬆️  Check out the few lines of raw `xcodebuild` output above for potential hints on how to solve this error[04:32:05]: 📋  For the complete and more detailed error log, check the full log at:[04:32:05]: 📋  /Users/distiller/Library/Logs/gym/appName-appName.log[04:32:05]: [04:32:05]: Looks like fastlane ran into a build/archive error with your project[04:32:05]: It's hard to tell what's causing the error, so we wrote some guides on how[04:32:05]: to troubleshoot build and signing issues: https://docs.fastlane.tools/codesigning/getting-started/[04:32:05]: Before submitting an issue on GitHub, please follow the guide above and make[04:32:05]: sure your project is set up correctly.[04:32:05]: fastlane uses `xcodebuild` commands to generate your binary, you can see the[04:32:05]: the full commands printed out in yellow in the above log.[04:32:05]: Make sure to inspect the output above, as usually you'll find more error information there

Can we use Realm database for free like alternative to Sqlite and CoreData?

$
0
0

I was doing a React-Native project. I was required to save data locally and then I decided to this in Realm.

Soon I found out it has pricing options for cloud database.I'm not able to find out if this DB can use an alternative like sqlite or CoreData like it has mentioned:

"Used by 100k+ developers and downloaded over two billion times. Realm Database is a fast, easy to use, and open source alternative to SQLite and Core Data."

Can I use Realm for free for saving data locally?

Can't add url scheme in Callback URLs twitter develop app

$
0
0

I am working with twitter SDK to integrate with in ios app.When i follow all the step and create the customer key and put it in my app. But I can't add url scheme in Callback URLs twitter develop appenter image description here

Flutter Device Preview equivalent in React Native App?

$
0
0

recently i've found this plugin can preview many device of Android or iOS device in one installed apps,

gif of the plugin is at https://github.com/aloisdeniel/flutter_device_preview

enter image description here

does react native has something like this?

I know there's some similar plugin like Expo and Appetize but i need something like this,

i mean i can preview of many device in my apps, not installing my app on many devices.

How to use different styles for android and ios on react-native?

$
0
0

I want to use different styles for ios and android, how can I do it?And maybe somebody know how to stylizing TextInput, I need only bottom border, but borderBottomWidth doesnt work.

'expo' is not recognized as an internal or external command

$
0
0

After running npm install -g expo-cli and successfully installing the packages globally, expo is still not recognized as an internal or external command. Does anyone know how I might get around this issue using windows 10, or what to do in terms of something like a path variable.

How to Combine Post Install in Podfile in React Native?

$
0
0

I need to add the following post install to the Podfile.

post_install do |pi|  pi.pods_project.targets.each do |t|    t.build_configurations.each do |config|      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '9.0'    end  endend

But encountered this error.

[!] Invalid `Podfile` file: [!] Specifying multiple `post_install` hooks is unsupported..

There are two post install in the Podfile. How should I combine them to resolve the error?

post_install do |installer|    flipper_post_install(installer)  endendpost_install do |pi|  pi.pods_project.targets.each do |t|    t.build_configurations.each do |config|      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '9.0'    end  endend

Can I distribute an iOS app over-the-air from an individual account?

$
0
0

I can distribute an iOS app over-the-air to my own personal phone; however, installing it (using the exact same hyperlink etc.) on any other phone seems to not work.

I am using an individual iOS account; I have a hunch that this is due to the fact that I'm not using an Enterprise account, but I cannot confirm this, and have yet been unable to find evidence of this.

Is that the reason why, or is there some other reason why my app only can install on my personal phone and not others? Thanks.

Cross platform Mobile SDK with react native for IOS and Android

$
0
0

I am beginner to react native. Please forgive if it is a very basic question. I have a Javascript client library which I want to write for both IOS and Android also. Instead of writing separately. would like to know if I could create such libraries using React Native.Like writing the library in react native and convert it to IOS or Android compatible. like adding the dependency in the existing Native application like Android or Swift codebase.

I checked with many articles where everything is explaining about integrating the react native app to native application with View but what I am looking for is different I need to integrate that library like dependency.Kindly help me with this

Thanks in Advance.

react-native-maps overlay image disappears when Zoomed in iOS

$
0
0

I am using react-native-maps (https://github.com/react-native-community/react-native-maps) library to show maps. MapType used is satellite and I have also used the overlay api to display overlay image but when I zoom in the image disappears in iOS.

I am not using pods and have installed the library manually.

Environment Used

react-native: 0.59.9react: 16.8.3react-native-maps: 0.25.0

Expected BehaviorThe image should not disappear on zoom change

Please guide me how can I fix this issue?

React Native Integration with Android Pay and Apple Pay + Stripe

$
0
0

For several days I’ve been looking for a working library for payments using google pay & android pay and with stripe support

RN 0.62 - 18 duplicate symbols for architecture armv7

$
0
0

I have recently upgraded the react-native app from 0.60.4 to 0.62.0 and I have solved tons of problems already, though I don't know how far I am from success but I feel close, here is how my pod file looks -

platform :ios, '10.0'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'use_native_modules!target 'MyProject' do    pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"    pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"    pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"    pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"    pod 'React', :path => '../node_modules/react-native/'    pod 'React-Core', :path => '../node_modules/react-native/'    pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'    pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'    pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'    pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'    pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'    pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'    pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'    pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'    pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'    pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'    pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'    pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'    pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'    pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'    pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'    pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'    pod 'ReactCommon/callinvoker', :path => "../node_modules/react-native/ReactCommon"    pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"    pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga', :modular_headers => true    pod 'RNCharts', :path => '../node_modules/react-native-charts-wrapper'    pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'endpost_install do |installer|    installer.pods_project.targets.each do |target|        target.build_configurations.each do |config|            config.build_settings['SWIFT_VERSION'] = '4.2'        end    endend

Now I also have a bridging header which looks something like this -

////  Use this file to import your target's public headers that you would like to expose to Swift.//#import "React/RCTBridge.h"#import "React/RCTViewManager.h"#import "React/RCTUIManager.h"#import "React/UIView+React.h"#import "React/RCTBridgeModule.h"#import "React/RCTEventDispatcher.h"#import "React/RCTEventEmitter.h"#import "React/RCTFont.h"

I am facing below errors -

ld: 18 duplicate symbols for architecture armv7clang: error: linker command failed with exit code 1 (use -v to see invocation)

And apparently this indicate below 18 duplicated files -

RNBarChartManager.oRNBarChartManager.oRNBubbleChartManager.oRNBubbleChartManager.oRNCandleStickChartManager.oRNCandleStickChartManager.oRNCombinedChartManager.oRNCombinedChartManager.oRNHorizontalBarChartManager.oRNHorizontalBarChartManager.oRNLineChartManager.oRNLineChartManager.oRNPieChartManager.oRNPieChartManager.oRNRadarChartManager.oRNRadarChartManager.oRNScatterChartManager.oRNScatterChartManager.o

Most of it belongs to react-native-charts-wrapper pakage. I do not know from where and how should i remove these duplicates.

Viewing all 16555 articles
Browse latest View live


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