I have a headless ubuntu server at home along with my Windows PC. I use it to serve my development stuff. I want to work on my first react native project.

But whether or not I use expo or native-cli I can't run the emulator on my Windows PC while the native app is created and held on my headless ubuntu server. I run my IDE and emulators on my windows PC but I host the app on my headless server on the same home network.

But it seems everything needs to be on the same machine for me to run emulators with the app. Is there anyway around this? PS. I only have one Android device and I want to be able to test on multiple.

I am trying to implement a text input, where the font family is Zila Slab Bold, But the font family only works for the place holder of the text input, It doesn't work for the inputted text instead it shows the default android text, but when I use Zila Slab Medium it works for both the placeholder and Inputted text, Please what may I be doing wrong, I'm using RN 0.55.0

This is what I want to get

This is what I get when I use Zila Bold

This is my code below

<TextInput           underlineColorAndroid={'transparent'}       placeholder="The Title"                  placeholderStyle={{fontFamily: 'ZillaSlab-Bold',            fontSize: 16,}}                  placeholderTextColor="rgba(0, 0, 0, 0.2)"style={{                      paddingLeft: 28,                      width: (Dimensions.get('window').width),                      backgroundColor: 'transparent',                      fontSize: 16, color: 'black',                      borderTopWidth: 2, borderBottomWidth: 2, borderColor: 'black',             marginTop: 100, flexDirection: 'row', alignItems: 'center', fontFamily: 'ZillaSlab-Bold',                  }}/>   

Invariant Violation: ViewPagerAndroid has been removed from React Native.'react-native-viewpager' instead of 'react-native'

Yeah. This error was opened on many platforms including here, but I have a different situation. I have never used anywhere. ViewPagerAndroid exists only in the index.android.bundle file in my project. Do I need to update this file? How can I update?I have problems on both platforms as android and ios.

As a solution

1 * react-native-swiper update

2 * Deleting ViewPagerAndroid from node_modules \ react-native-swiper \ src \ index.js file (I did not encounter ViewPagerAndroid. I think I have updated this file before)

I tried many similar things, I tried all the solutions I could find on the internet but I couldn't fix this problem

ViewPagerAndroid exists only in the index.android.bundle file in my project. Do I need to update this file? How can I update

When I run react-native run-android, it gives me the following error:

Could not connect to development server

• Package server is running and I can access it directly from browseron my mobile device.
• My Android device is connected to computer and has debugging enabled (Ichecked using adb devices command).
• My Android version is 4.4.4 so I cannot use adb reverse command.
• I have set the ID address and port in Dev setting.
• USB debug is on.
• I use Windows 7.

How to fix this error?

I am working on a cross-platform app using React-Native and fetch is not working for my post request (the request doesn't even arrive at the server).

I get TypeError: Network request failed everytime.

I am using http (not https). There is no problem with the server (I used a rest client and I am able to get an answer from the server)

I tried the followings:

• added android:usesCleartextTraffic="true" in my AndroidManifest.xml

• added network_security_config.xml in my res/xml directory and used android:networkSecurityConfig="@xml/network_security_config" to get those configurations in < application.... /> in my AndroidManifest.xml file

I have this in android/build.gradle:

    buildToolsVersion = "28.0.3"    minSdkVersion = 21    compileSdkVersion = 28    targetSdkVersion = 28

I must add that fetch is working with a mockapi.io for example.

Help, pretty please :)

In my scenario, I am creating single page two views. View A and View B, Here, I am maintaining two views A and B in a function call with separate render. View A having close button once its clickable enabled then View A needs to hide and View B needs to render. How to achieve this?

Main RenderRenderMain() {      return (<View>………….</View>        {this.renderViewA()} // Here rendering view A on main view)}View A Function renderViewA() {      return (<Overlay>…………. // Here rendering View A close click to hide View A and show View B</Overlay>)}View B FunctionrenderViewB() {      return (<Overlay>………….</Overlay>)}

i'm trying to use react-native-webview for my application.In iOS,it works well.In Android ,it doesn't.And unfortunatelly,i don know the reason.i reserched a lot.unfortunatelly,i still have a problem.it produced this error on Android studio.because it doesn't produces any error by running this command.

react-native run-android

so i can't understand why it doesn't work.so i tried to build it on android studio,then it produced this error.

2020-04-29 00:34:25.444 19491-19530/com.hiratsuka_react_native_test E/SoLoader: couldn't find DSO to load: libhermes.so2020-04-29 00:34:25.446 19491-19530/com.hiratsuka_react_native_test E/AndroidRuntime: FATAL EXCEPTION: create_react_contextProcess: com.hiratsuka_react_native_test, PID: 19491java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libhermes.so    at com.facebook.soloader.SoLoader.doLoadLibraryBySoName(SoLoader.java:789)    at com.facebook.soloader.SoLoader.loadLibraryBySoName(SoLoader.java:639)    at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:577)    at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:525)    at com.facebook.hermes.reactexecutor.HermesExecutor.<clinit>(HermesExecutor.java:20)    at com.facebook.hermes.reactexecutor.HermesExecutorFactory.create(HermesExecutorFactory.java:27)    at com.facebook.react.ReactInstanceManager$5.run(ReactInstanceManager.java:952)    at java.lang.Thread.run(Thread.java:764)

my env is here.

react-native-cli: 2.0.1react-native: 0.61.5      {"name": "hiratsuka_react_native_test","version": "0.0.1","private": true,"scripts": {"android": "react-native run-android","ios": "react-native run-ios","start": "react-native start","test": "jest","lint": "eslint .","storybook": "start-storybook -p 7007"    },"dependencies": {"@expo/vector-icons": "^10.0.6","@react-native-community/masked-view": "^0.1.7","@react-navigation/bottom-tabs": "^5.2.0","@react-navigation/native": "^5.0.9","@react-navigation/stack": "^5.1.1","@unimodules/core": "^5.0.0","axios": "^0.19.2","expo-asset": "^8.0.0","expo-constants": "^8.0.0","expo-font": "^8.0.0","jest-worker": "^25.2.6","react": "16.9.0","react-native": "0.61.5","react-native-elements": "^1.2.7","react-native-fast-image": "^8.1.5","react-native-gesture-handler": "^1.6.0","react-native-get-random-values": "^1.4.0","react-native-reanimated": "^1.7.0","react-native-safe-area-context": "^0.7.3","react-native-screens": "^2.2.0","react-native-unimodules": "^0.8.1","react-native-webview": "^9.3.0","react-navigation": "^4.3.4","realm": "5.0.0","typescript": "^3.7.0-beta"    },"devDependencies": {"@babel/core": "7.8.7","@babel/runtime": "7.8.7","@react-native-community/eslint-config": "0.0.5","@storybook/addon-actions": "^5.3.17","@storybook/addon-links": "^5.3.17","@storybook/addons": "^5.3.17","@storybook/react-native": "^5.3.17","@storybook/react-native-server": "^5.3.17","babel-jest": "24.9.0","babel-loader": "^8.0.6","eslint": "^5.0.0","jest": "24.9.0","metro-react-native-babel-preset": "0.56.4","react-dom": "^16.9.0","react-native-storybook-loader": "^1.8.1","react-test-renderer": "16.9.0"    },"jest": {"preset": "react-native"    }  }

i tried to clean cache,change gradle,or something.but it didn't work.

before using react-native-webview,it worked well.
please help.

I have build a project using expo ,it is working fine using expo when i eject it and run using android studio.Whenever i entered npm run android or react-native run-android commands it shows me error that given below Can you help anyone help me regarding this matter.

  The Kotlin Gradle plugin was loaded multiple times in different subprojects, which is not   supported and may break the build.  This might happen in subprojects that apply the Kotlin plugins with the Gradle 'plugins {    ... }' DSL if they specify explicit versions, even if the versions are equal.  Please add the Kotlin plugin to the common parent project or the root project, then remove   the versions in the subprojects.   If the parent project does not need the plugin, add 'apply false' to the plugin line.   See: https://docs.gradle.org/current/userguide/plugins.html#sec:subprojects_plugins_dsl    The Kotlin plugin was loaded in the following projects: ':expo-error-recovery', ':expo-    permissions'> Task :app:installDebug  11:01:12 V/ddms: execute: running am get-config  11:01:13 V/ddms: execute 'am get-config' on 'emulator-5554' : EOF hit. Read: -1  11:01:13 V/ddms: execute: returning  Installing APK 'app-debug.apk' on 'Nexus_5X_API_23(AVD) - 6.0' for app:debug  11:01:13 D/app-debug.apk: Uploading app-debug.apk onto device 'emulator-5554'  11:01:13 D/Device: Uploading file onto device 'emulator-5554'  11:01:13 D/ddms: Reading file permision of   C:\xampp\htdocs\MyTest2App\android\app\build\outputs\apk\debug\app-debug.apk as: rwx------  11:01:14 V/ddms: execute: running pm install -r -t "/data/local/tmp/app-debug.apk"  11:01:15 V/ddms: execute 'pm install -r -t "/data/local/tmp/app-debug.apk"' on 'emulator-   5554' :   EOF hit. Read: -1  11:01:15 V/ddms: execute: returning> Task :app:installDebug FAILED  Deprecated Gradle features were used in this build, making it incompatible with Gradle 5.0.  Use '--warning-mode all' to show the individual deprecation warnings.

I am trying to create an release apk for the app and getting the following error Task:app:transformClassesWithMultidexlistForRelease FAILEDSometimes it shows Expiring Daemon because JVM heap space is exhausted but i have set JVM memory to maximum in android studio

The problem did not persist earlier i have created multiple builds for the same application

what i have tried to fix it

1) Tried npx jetify

2) Tried adding aapt options in app/build.gradle

android{aaptOptions.cruncherEnabled = falseaaptOptions.useNewCruncher = false}

3) Tried adding crunchPngs to buildTypes

   buildTypes {        release {            ...            crunchPngs false            ...                   }    }

4) Tried in different laptops to overcome JVM heap space problem

any idea how to fix this?

Hi i got this error when i try to run react app on my real android device via : react-native run-android

FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:installDebug'.> com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to install all * Try:Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.BUILD FAILED

I need to disable Fresco downsampling for the <Image/> component and I read that Fresco needs to be initialized inside android/app/src/main/java/com/<project>/MainApplication.java.

Fresco > Resizing/Downsampling
Fresco > Configuring the Image Pipeline
RN issue report

I found two ways to do it but none of the themes worked and couldn't have Fresco image downsampling disabled:

1st override onCreate and initialize Fresco like this:

@Overridepublic void onCreate() {  super.onCreate();  Context context = getApplicationContext();  ImagePipelineConfig config = ImagePipelineConfig.newBuilder(context)    .setDownsampleEnabled(false)    .build();  Fresco.initialize(context, config);  SoLoader.init(this, /* native exopackage */ false);}

2nd initialize Fresco using MainReactPackage inside getPackages:

protected List<ReactPackage> getPackages() {  Context context = getApplicationContext();  ImagePipelineConfig frescoConfig = ImagePipelineConfig.newBuilder(context)    .setDownsampleEnabled(false)    .build();  MainPackageConfig appConfig = new MainPackageConfig    .Builder()    .setFrescoConfig(frescoConfig)    .build();  return new ArrayList<>(Arrays.<ReactPackage>asList(    new MainReactPackage(appConfig),    new ReactNativeFirebaseAppPackage(),    new FastImageViewPackage()  ));}

I'm currently on RN 0.60.5 and I'm extending MainApplication with com.reactnativenavigation.NavigationApplication because I'm using react-native-navigation.

My question is how can I disable Fresco image downsampling.

My project was working perfectly but it stops building after upgrading to RN 0.62.0 from RN 0.59.5 (debug build is working fine, it happens only for assembleRelease)

I did a bit of google search and came across using macthingFallback, but that doesn't worked too.

missingDimensionStrategy can be a solution, but adding it for every library used can't be optimised option.

Please help, if anyone-else had came across same or similar issue.

my android/app/build.gradle have

1. Two items in signingConfigs i.e. prod and stage that contains infoabout .keystore

2. Four items in productFlavors (i.e. dev, beta, prod,qa)

3. Three items in buildTypes i.e.

   debug {        applicationIdSuffix = ".dev"    }

release {    minifyEnabled enableProguardInReleaseBuilds    proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"    productFlavors.beta.signingConfig signingConfigs.stage    productFlavors.prod.signingConfig signingConfigs.prod    productFlavors.qa.signingConfig signingConfigs.stage    matchingFallbacks = ['release']}packagingOptions {    pickFirst "lib/armeabi-v7a/libc++_shared.so"    pickFirst "lib/arm64-v8a/libc++_shared.so"    pickFirst "lib/x86/libc++_shared.so"    pickFirst "lib/x86_64/libc++_shared.so"}

android/build.gradle have

dependencies{   classpath('com.android.tools.build:gradle:3.6.3')}repositories {        google()        jcenter()        maven { url 'https://maven.fabric.io/public' }    }allprojects {    repositories {        mavenLocal()        google()        jcenter()        maven {            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm            url "$rootDir/../node_modules/react-native/android"        }        maven {            // Android JSC is installed from npm            url("$rootDir/../node_modules/jsc-android/dist")        }        maven { url "https://www.jitpack.io" }    }}

my gradle-wrapper.properties have

distributionUrl=https\://services.gradle.org/distributions/gradle-6.0.1-all.zip

my gradle.properties

org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8android.useAndroidX=trueandroid.enableJetifier=trueFLIPPER_VERSION=0.33.1

settings.gradle have

rootProject.name = 'APPNAME'include ':react-native-config'project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android')apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)include ':react-native-sound'project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')include ':app', ':react-native-code-push'project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')

Error logs after running ./gradlew assembleRelease (giving error only for release build)

I am trying to use scrcpy for mirroring the mobile screen on my Linux machine, to develop a react-native app. But adb does not allow running scrcpy and react-native instance at the same time. It terminates one instance and starts the other one. The documentation for scrcpy states to add an env variable ADB=/path/to/adb scrcpy.I'm not very familiar with Linux environments. Could someone help me with this please? I tried looking this up on the internet, but most of them explain how to do this on a windows environment.

So, basically, I'm trying to use react-native-webrtc and it's required to have minSdk 24 to use this library. I'm not really experienced in Android, so question is can you make this library "optional"? Like if your phone doesn't support it, just ignore it?I can't provide any code, since I don't really know where to start digging, so any tips could help.

I'm using Reactnative 0.54.0 and react-native-cli 2.0.1 along side gradle 4.8.1

I have created a react-native project using create-react-native-app myProjectName

When I created the project, it doesn't include android and ios folders, so I added them manually.

I also installed gradle using choco and then created a wrapper for it using gradle wrapper --gradle-version 4.8.1 --distribution-type all

so I am developing react-native using microsoft vsCode and then see my application in action using Genymotion emulator, everything is fine

now, I want to generate the final Signed APK for play store, I'm using this guide provided by react-native

https://facebook.github.io/react-native/docs/signed-apk-android.html

When I want to run gradlew assembleRelease I get this error

C:\myApp\android>gradlew assembleReleaseFAILURE: Build failed with an exception.* What went wrong:Task 'assembleRelease' not found in root project 'android'.* Try:Run gradlew tasks to get a list of available tasks. Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.* Get more help at https://help.gradle.orgBUILD FAILED in 4s

what's wrong with assembleRelease? what should I do?

to add more info, I have to say that when I want to build this project in VSTS (TFS Online) I get this error

2018-07-17T16:20:14.9268702Z ##[error]Error: Not found wrapperScript: D:\a\1\s\gradlew

Any clue is appriciatedThanks

Update:as @philipp asked, this is the list of tasks that gradlew have listed and assembleRelease is not one one them!!!! what's the reason?

C:\myApp\Android>gradlew tasks> Task :tasks------------------------------------------------------------All tasks runnable from root project------------------------------------------------------------Build Setup tasks-----------------init - Initializes a new Gradle build.wrapper - Generates Gradle wrapper files.Help tasks----------buildEnvironment - Displays all buildscript dependencies declared in root project 'android'.components - Displays the components produced by root project 'android'. [incubating]dependencies - Displays all dependencies declared in root project 'android'.dependencyInsight - Displays the insight into a specific dependency in root project 'android'.dependentComponents - Displays the dependent components of components in root project 'android'. [incubating]help - Displays a help message.model - Displays the configuration model of root project 'android'. [incubating]projects - Displays the sub-projects of root project 'android'.properties - Displays the properties of root project 'android'.tasks - Displays the tasks runnable from root project 'android'.To see all tasks and more detail, run gradlew tasks --allTo see more detail about a task, run gradlew help --task <task>BUILD SUCCESSFUL in 1s1 actionable task: 1 executed

and this is myApp\android**build.gradle**

project.ext.react = [    bundleInStaging: true ]task wrapper(type: Wrapper) {    gradleVersion = '4.8.1'}android {    defaultConfig {        applicationId "com.sunkime.client"    }    signingConfigs {        staging {            keyAlias = "staging"            storeFile = file("my-release-key.keystore")            keyPassword = "qwert%$#@!"            storePassword = "qwert%$#@!"        }        release {            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {                storeFile file(MYAPP_RELEASE_STORE_FILE)                storePassword qwert%$#@!                keyAlias qwert%$#@!                keyPassword qwert%$#@!            }        }    }    buildTypes {        debug {            applicationIdSuffix ".debug"        }        staging {            applicationIdSuffix ".staging"            signingConfig signingConfigs.staging            minifyEnabled true            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"        }        release {            applicationIdSuffix ".release"            signingConfig signingConfigs.release            minifyEnabled true            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"        }    }}

I also used gradlew clean and no difference

In my scenario, I am trying to write a logic for checkbox check or uncheck. if check means need to print some string or uncheck mean need to print something else. how to achieve this using react native?

my code below

checked={this.state.checked}                onPress={() => {                  this.actiondone();                }}actiondone(){   //Here how to detect checked or not with if else}

I have added folder android to .gitingore file, executing the following commands:

git rm -rf --cached . git add .git commit -m "git"git push origin master

Folder android anyway tries to push, it's has large files and git throws error that there are files > 100 mb.

I noticed this error on MacBook, when working on my react-native project.

here's my gitignore

.expo/*npm-debug.**.jks*.p8*.p12*.key*.mobileprovisionandroid/*.orig.*web-build/android/web-report/# macOS.DS_Store

I have an android application developed which is basically a virtual try on for jewelry.

Till now the tech stack i used is react-native and for the main logic implementation used python whereas java acts as controller between react native and python.

But now the challenge is for appending the jewelry i used to record a video and store it in local drive so that python would process that and will return video again with appended earring.

Now i came to know about this JAVASCRIPT implementation of FACE LANDMARKS DETECTION(Github link:https://github.com/WebDevSimplified/Face-Detection-JavaScript), where it willstream a live video and i modified the code accordingly so that it will append the earring to the live video canvas.

The problem i am facing is as a fresher to front end, i am not getting how to integrate the above mentioned js project in my current android application.

I tried creating new java script file and pasted the code in the above mentioned project and gave this page as navigation....but haven't succeeded.

I am looking for the help where i could integrate the java script files and html files after some particular screen in my android project.

Thanks in advance.

error screenshot

Hello world, I am newbie to react native and facing difficulty to generate apk file for my project.

getting a strange error when running command "gradlew bundleRelease" the process starts but after 2 minutes it generates a file in base directory named "native" and then throws error that "D:\native" already exists.

Hello StackOverflow Community, I am facing following error while creating apk from react-native in WHM. I successfully created apk on my local system but when I tried on WHM, I got following error. Kindly help me. Thanks in advance

Exception in thread "main" javax.net.ssl.SSLException: java.lang.RuntimeException: Unexpected error: java.security.InvalidAlgorithmParameterException: the trustAnchors parameter must be non-empty        at sun.security.ssl.Alerts.getSSLException(Alerts.java:208)        at sun.security.ssl.SSLSocketImpl.fatal(SSLSocketImpl.java:1946)        at sun.security.ssl.SSLSocketImpl.fatal(SSLSocketImpl.java:1903)        at sun.security.ssl.SSLSocketImpl.handleException(SSLSocketImpl.java:1886)        at sun.security.ssl.SSLSocketImpl.startHandshake(SSLSocketImpl.java:1402)        at sun.security.ssl.SSLSocketImpl.startHandshake(SSLSocketImpl.java:1379)        at sun.net.www.protocol.https.HttpsClient.afterConnect(HttpsClient.java:559)        at sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:185)        at sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:1570)        at sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1498)        at sun.net.www.protocol.https.HttpsURLConnectionImpl.getInputStream(HttpsURLConnectionImpl.java:268)        at org.gradle.wrapper.Download.downloadInternal(Download.java:67)        at org.gradle.wrapper.Download.download(Download.java:52)        at org.gradle.wrapper.Install$1.call(Install.java:62)        at org.gradle.wrapper.Install$1.call(Install.java:48)        at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:69)        at org.gradle.wrapper.Install.createDist(Install.java:48)        at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:107)        at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:63)Caused by: java.lang.RuntimeException: Unexpected error: java.security.InvalidAlgorithmParameterException: the trustAnchors parameter must be non-empty        at sun.security.validator.PKIXValidator.<init>(PKIXValidator.java:104)        at sun.security.validator.Validator.getInstance(Validator.java:181)        at sun.security.ssl.X509TrustManagerImpl.getValidator(X509TrustManagerImpl.java:318)        at sun.security.ssl.X509TrustManagerImpl.checkTrustedInit(X509TrustManagerImpl.java:179)        at sun.security.ssl.X509TrustManagerImpl.checkTrusted(X509TrustManagerImpl.java:193)        at sun.security.ssl.X509TrustManagerImpl.checkServerTrusted(X509TrustManagerImpl.java:132)        at sun.security.ssl.ClientHandshaker.serverCertificate(ClientHandshaker.java:1621)        at sun.security.ssl.ClientHandshaker.processMessage(ClientHandshaker.java:223)        at sun.security.ssl.Handshaker.processLoop(Handshaker.java:1037)        at sun.security.ssl.Handshaker.process_record(Handshaker.java:965)        at sun.security.ssl.SSLSocketImpl.readRecord(SSLSocketImpl.java:1064)        at sun.security.ssl.SSLSocketImpl.performInitialHandshake(SSLSocketImpl.java:1367)        at sun.security.ssl.SSLSocketImpl.startHandshake(SSLSocketImpl.java:1395)        ... 14 moreCaused by: java.security.InvalidAlgorithmParameterException: the trustAnchors parameter must be non-empty        at java.security.cert.PKIXParameters.setTrustAnchors(PKIXParameters.java:200)        at java.security.cert.PKIXParameters.<init>(PKIXParameters.java:120)        at java.security.cert.PKIXBuilderParameters.<init>(PKIXBuilderParameters.java:104)        at sun.security.validator.PKIXValidator.<init>(PKIXValidator.java:102)