Hello, thank you for react-native-easy-starter

I had issue when build apk, i created keystore as docs: https://reactnative.dev/docs/signed-apk-android 'and' yarn android:build then I received error

Look forward to the help

I followed instructions but I got this error. I wonder how can I solve it?

Using WIndows 10.

BUILD SUCCESSFUL in 4m 32s
154 actionable tasks: 154 executed
info Connecting to the development server...
info Starting the app on "emulator-5554"...
Starting: Intent { cmp=com.easy_boiler.debug/com.easy_boiler.MainActivity }
Error type 3
Error: Activity class {com.easy_boiler.debug/com.easy_boiler.MainActivity} does not exist.

Hi HarishJangra!

I am having the same problem with nodejs. When I run yarn android then my Nodejs auto close, it did my app can't restart

When I run yarn clean:android then my app has functioned normally but it takes quite a lot of time.

Can you help me?

Thanks you

Hi Harish

I have a small mobile app that I need to develop as soon as possible. Could you pl. help me develop it using this kit? I do not have any contact id / phone where I can reach you out, therefore reaching you out here. My email id is [email protected]. Kindly contact me asap.

Thank you

Hello.
Hope someone can help me. I have problems launching the apk.
I have tried to solve it with some solution that is detailed here but I have not achieved anything. I have done gradle clean and neither.
Thanks.

C:\Users\AGUS\Desktop\workreap-app>react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets
-dest android/app/src/main/res
warn The following packages use deprecated "rnpm" config that will stop working from next release:

• react-native-maps: https://npmjs.com/package/react-native-maps
  Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.
  (node:5920) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
  (Use node --trace-warnings ... to show where the warning was created)
  Loading dependency graph...warn The following packages use deprecated "rnpm" config that will stop working from next release:
• react-native-maps: https://npmjs.com/package/react-native-maps
  Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.
  Loading dependency graph, done.
  Loading dependency graph...info Writing bundle output to:, android/app/src/main/assets/index.android.bundle
  info Done writing bundle output
  info Copying 69 asset files
  info Done copying assets

C:\Users\AGUS\Desktop\workreap-app>react-native run-android --variant=release
warn The following packages use deprecated "rnpm" config that will stop working from next release:

• react-native-maps: https://npmjs.com/package/react-native-maps
  Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.
  error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
• react-native-background-downloader (to unlink run: "react-native unlink react-native-background-downloader")
• react-native-gesture-handler (to unlink run: "react-native unlink react-native-gesture-handler")
• react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons")
• rn-range-slider (to unlink run: "react-native unlink rn-range-slider")
  This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via "react-native unlink " and it wi
  ll be included in your app automatically. If a library isn't compatible with autolinking, disregard this message and notify the library maintainers.
  Read more about autolinking: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md
  info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.
  (node:6216) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
  (Use node --trace-warnings ... to show where the warning was created)
  Jetifier found 1181 file(s) to forward-jetify. Using 2 workers...
  info Starting JS server...
  info Installing the app...

Task :@react-native-community_toolbar-android:compileReleaseJavaWithJavac

Task :react-native-background-downloader:compileReleaseJavaWithJavac

Task :react-native-gesture-handler:compileReleaseJavaWithJavac

Task :react-native-image-crop-picker:compileReleaseJavaWithJavac

Task :react-native-maps:compileReleaseJavaWithJavac

Task :react-native-reanimated:compileReleaseJavaWithJavac

Task :react-native-screens:compileReleaseJavaWithJavac FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.5/userguide/command_line_interface.html#sec:command_line_warnings
180 actionable tasks: 180 executed
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules@react-native-community\toolbar-android\android\src\main\java\com\reactnativecommunity\toolbarandroid\ReactToolbar.java uses or
overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-background-downloader\android\src\main\java\com\eko\RNBackgroundDownloaderModule.java uses unchecked or unsafe ope
rations.
Note: Recompile with -Xlint:unchecked for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerButtonViewManager.java us
es or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-reanimated\android\src\main\java\com\swmansion\reanimated\NodesManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:26: error: cannot find symbol
import com.facebook.react.views.text.ReactTypefaceUtils;
^
symbol: class ReactTypefaceUtils
location: package com.facebook.react.views.text
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:247: error: cannot find symbol
Typeface titleTypeface = ReactTypefaceUtils.applyStyles(
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:377: error: cannot find symbol
mTitleFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
3 errors

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-screens:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.

• Try:
  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.org

BUILD FAILED in 1m 42s

error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development
-environment. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installRelease -PreactNativeDevServerPort=8081
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules@react-native-community\toolbar-android\android\src\main\java\com\reactnativecommunity\toolbarandroid\ReactToolbar.java uses or
overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-background-downloader\android\src\main\java\com\eko\RNBackgroundDownloaderModule.java uses unchecked or unsafe ope
rations.
Note: Recompile with -Xlint:unchecked for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerButtonViewManager.java us
es or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-reanimated\android\src\main\java\com\swmansion\reanimated\NodesManager.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:26: error: cannot find symbol
import com.facebook.react.views.text.ReactTypefaceUtils;
^
symbol: class ReactTypefaceUtils
location: package com.facebook.react.views.text
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:247: error: cannot find symbol
Typeface titleTypeface = ReactTypefaceUtils.applyStyles(
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:377: error: cannot find symbol
mTitleFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
3 errors

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-screens:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.

• Try:
  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.org

BUILD FAILED in 1m 42s

at checkExecSyncError (child_process.js:616:11)
at execFileSync (child_process.js:634:15)
at runOnAllDevices (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:74:39)
at buildAndRun (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:158:41)
at C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:125:12
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async Command.handleAction (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli\build\cliEntry.js:160:7)

C:\Users\AGUS\Desktop\workreap-app>react-native run-android --variant=release
warn The following packages use deprecated "rnpm" config that will stop working from next release:

• react-native-maps: https://npmjs.com/package/react-native-maps
  Please notify their maintainers about it. You can find more details at https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide.
  error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
• react-native-background-downloader (to unlink run: "react-native unlink react-native-background-downloader")
• react-native-gesture-handler (to unlink run: "react-native unlink react-native-gesture-handler")
• react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons")
• rn-range-slider (to unlink run: "react-native unlink rn-range-slider")
  This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via "react-native unlink " and it wi
  ll be included in your app automatically. If a library isn't compatible with autolinking, disregard this message and notify the library maintainers.
  Read more about autolinking: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md
  info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.
  (node:7316) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
  (Use node --trace-warnings ... to show where the warning was created)
  Jetifier found 1181 file(s) to forward-jetify. Using 2 workers...
  info Starting JS server...
  info Installing the app...

Task :react-native-screens:compileReleaseJavaWithJavac FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.5/userguide/command_line_interface.html#sec:command_line_warnings
179 actionable tasks: 2 executed, 177 up-to-date
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:26: error: cannot find symbol
import com.facebook.react.views.text.ReactTypefaceUtils;
^
symbol: class ReactTypefaceUtils
location: package com.facebook.react.views.text
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:247: error: cannot find symbol
Typeface titleTypeface = ReactTypefaceUtils.applyStyles(
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:377: error: cannot find symbol
mTitleFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
3 errors

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-screens:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.

• Try:
  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.org

BUILD FAILED in 24s

error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development
-environment. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installRelease -PreactNativeDevServerPort=8081
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:26: error: cannot find symbol
import com.facebook.react.views.text.ReactTypefaceUtils;
^
symbol: class ReactTypefaceUtils
location: package com.facebook.react.views.text
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:247: error: cannot find symbol
Typeface titleTypeface = ReactTypefaceUtils.applyStyles(
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
C:\Users\AGUS\Desktop\workreap-app\node_modules\react-native-screens\android\src\main\java\com\swmansion\rnscreens\ScreenStackHeaderConfig.java:377: error: cannot find symbol
mTitleFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
^
symbol: variable ReactTypefaceUtils
location: class ScreenStackHeaderConfig
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
3 errors

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-screens:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.

• Try:
  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.org

BUILD FAILED in 24s

at checkExecSyncError (child_process.js:616:11)
at execFileSync (child_process.js:634:15)
at runOnAllDevices (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:74:39)
at buildAndRun (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:158:41)
at C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:125:12
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async Command.handleAction (C:\Users\AGUS\Desktop\workreap-app\node_modules\@react-native-community\cli\build\cliEntry.js:160:7)

C:\Users\AGUS\Desktop\workreap-app>npm -v
7.10.0

C:\Users\AGUS\Desktop\workreap-app>react-native -v
react-native-cli: 2.0.1
react-native: 0.60.5

C:\Users\AGUS\Desktop\workreap-app>gradle -v

Gradle 7.0

Build time: 2021-04-09 22:27:31 UTC
Revision: d5661e3f0e07a8caff705f1badf79fb5df8022c4

Kotlin: 1.4.31
Groovy: 3.0.7
Ant: Apache Ant(TM) version 1.10.9 compiled on September 27 2020
JVM: 1.8.0-282 (Oracle Corporation 25.71-b08)
OS: Windows 10 10.0 amd64

I tried react-native-rename .
It says it did successfully. But sub Folder names were not changed. Also, can't build it

Hi,
How can I save the selected theme in AsyncStorage so that when the user close and reopens the app the selected theme still showing? like the one implemented for i18n.

Hi,
I'm having problems with debugger-ui, when I debugger with chorm then i recived error.

and my console

Can you help me ?

Hello @HarishJangra ,

I have a project that uses OTP as the authenticator to log in into the app. Could you please show me the Login Navigation Flow and how do i use easy-peasy? i want to store the phone number and token to the local storage, while your initial boilerplate uses username and password instead. Kindly need your help asap. btw, thank you very much for the repo, it really helps cutting down some development time.

I got this error when trying to run the app.

I didn't rename the app and just ran it as is, after following the instructions.

Error: Activity class {com.easy_boiler.debug/com.easy_boiler.MainActivity} does
not exist.

am not able to see console results if I use

react-native run-android

did you disabled it any where?

after update app name like "test" showing error on

yarn run android:dev

Result:

BUILD SUCCESSFUL in 19s
179 actionable tasks: 5 executed, 174 up-to-date
info Running C:\Users\rahu4\AppData\Local\Android\Sdk/platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081
info Starting the app on emulator-5554 (C:\Users\rahu4\AppData\Local\Android\Sdk/platform-tools/adb -s emulator-5554 shell am start -n com.test.debug/com.test.MainActivity)...
Starting: Intent { cmp=com.test.debug/com.test.MainActivity }
Error type 3
Error: Activity class {com.test.debug/com.test.MainActivity} does not exist.

Hi HarishJangra,

I made 4 step at https://github.com/HarishJangra/react-native-easy-starter#getting-started
At step 2: react-native-rename newxeke

And reviced:

Please help me!

I faced this issue.
I need any help.

Hi @HarishJangra,

Thank you so much for your great work !
I like this project structure.

But I would like to inform you about a little issue during the logout process.
Indeed, after do logout action, I need that the store must be reset.

To achieve this, I do this following within :

• the ConfigureStore.js file, I'v added this following in the createStore :

setState: action((state, payload) => payload)

• the AppContext.js file, in _logoutUser action :

const _logoutUser = useCallback(async () => {
    const reset = resetLoginCredentials();

    if (reset) {
      // do logout

      // UPDATE HERE !
      // reset the store
      const initialState = StoreService.getState();
      initialState.auth.appstate = APP_STATE.PUBLIC;
      StoreService.dispatch.setState(initialState);
    }
  }, []);

Checks out this post for more information.

I don't know if this is the best way to achieve this.
I hope this help somebody !

Bye ! 😄

how can I find 'hot reload' in this project.

i want after pressing ctrl+s => refresh

thank you.

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:packageRelease'.

2 exceptions were raised by workers:
java.lang.RuntimeException: java.lang.RuntimeException: java.io.IOException: Failed to create 'C:\Users\rahu4\OneDrive\Documents\TheFoodiee\react-native-easy-starter-master\react-native-easy-starter-master\android\app\build\outputs\apk\release..........\release\easy-boiler-1.0.8.apk'
java.lang.RuntimeException: java.lang.RuntimeException: java.io.IOException: Failed to create 'C:\Users\rahu4\OneDrive\Documents\TheFoodiee\react-native-easy-starter-master\react-native-easy-starter-master\android\app\build\outputs\apk\release..........\release\easy-boiler-1.0.8.apk'

Hi, I have just tried starting up with iOS simulator. It is showing these errors:

1. i18n library error (solved by deleting the missing lib)
2. RCTGeoLocation library error (solved by deleting the missing lib
3. react-native-keychain library missing (solved by installing back react-native-keychain)
4. node_modules/react-native/scripts/.packager.env : No such file or directory (don't know if it will make APP broken or not yet )
5. iOS simulator Red screen - Native module cannot be null. - NativeEventEmitter.js:36:16 (Don't know the cause, unable to fix)

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.

i get this error installing:

react-native-image-crop-picker
react-native-geolocation-service

you know why?

Hi, I am try to use your starter for my own product development very happy to keep it till now.
I didn't see any code push function wrap on any component like below one, then how it will work?please post a step to configuration for code push.
Sample Code Example: export default codePush(codePushOptions)(Root);

Missing dependency react-native-i18n. Need to be added to package.json.

Got this issue on windows, but don't need to downgrade node, need to change some hashes on your project:

\node_modules\metro-config\src\defaults\blacklist.js

var sharedBlacklist = [
/node_modules[/\]react[/\]dist[/\]./,
/website/node_modules/./,
/heapCapture/bundle.js/,
/./tests/./
];
change to:

var sharedBlacklist = [
/node_modules[/\]react[/\]dist[/\]./,
/website/node_modules/./,
/heapCapture/bundle.js/,
/./tests/./
];