geekyants/reactnative-redux-typescript-boilerplate

React Native Boilerplate app - Redux + TypeScript

React Native Boilerplate

A React Native Starter Kit with React Navigation + Redux + TypeScript + Formik

Get Started

1. System Requirements

• Globally installed node

• Globally installed react-native CLI

2. Installation

On the command prompt run the following commands

$ git clone https://github.com/shivrajkumar/ReactNative-Redux-TypeScript-Boilerplate.git

$ cd ReactNative-Redux-TypeScript-Boilerplate/

$ npm install
  or
  yarn

Run on iOS

• Run react-native run-ios in your terminal

Run on Android

• Run react-native run-android in your terminal

reactnative-redux-typescript-boilerplate's Issues

Not installing on ios

error Command failed: xcrun instruments -s
xcrun: error: sh -c '/Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -sdk /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk -find instruments 2> /dev/null' failed with exit code 17664: (null) (errno=No such file or directory)
xcrun: error: unable to find utility "instruments", not a developer tool or in PATH

cannot install app error

when i try to run this command then show me this error ho can i solve?

PS C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript> npx react-native run-android
info JS server already running.
info Building and installing the app on the device (cd android && gradlew.bat app:installDebug)...

Task :react-native-gesture-handler:compileDebugJavaWithJavac FAILED
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEnabledRootView.java:11: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\lib\src\main\java\com\swmansion\gesturehandler\GestureHandlerOrchestrator.java:14: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:3: error: package androidx.core.util does not exist
import androidx.core.util.Pools;
^
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:11: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:19: error: package Pools does not exist
private static final Pools.SynchronizedPool EVENTS_POOL =
^
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerModule.java:37: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRegistry.java:12: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerPackage.java:16: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootInterface.java:3: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootView.java:15: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootViewManager.java:10: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:3: error: package androidx.core.util does not exist
import androidx.core.util.Pools;
^
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:11: error: cannot find symbol
import androidx.annotation.Nullable;
^
symbol: class Nullable
location: package androidx.annotation
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:19: error: package Pools does not exist
private static final Pools.SynchronizedPool EVENTS_POOL =
^
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEnabledRootView.java:15: error: cannot find symbol
private @nullable ReactInstanceManager mReactInstanceManager;
^
symbol: class Nullable
location: class RNGestureHandlerEnabledRootView
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEnabledRootView.java:16: error: cannot find symbol
private @nullable RNGestureHandlerRootHelper mGestureRootHelper;
^
symbol: class Nullable
location: class RNGestureHandlerEnabledRootView
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEnabledRootView.java:68: error: cannot find symbol
@nullable Bundle initialProperties) {
^
symbol: class Nullable
location: class RNGestureHandlerEnabledRootView
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\lib\src\main\java\com\swmansion\gesturehandler\GestureHandlerOrchestrator.java:321: error: cannot find symbol
private boolean isViewAttachedUnderWrapper(@nullable View view) {
^
symbol: class Nullable
location: class GestureHandlerOrchestrator
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:24: error: cannot find symbol
@nullable RNGestureHandlerEventDataExtractor dataExtractor) {
^
symbol: class Nullable
location: class RNGestureHandlerEvent
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:41: error: cannot find symbol
@nullable RNGestureHandlerEventDataExtractor dataExtractor) {
^
symbol: class Nullable
location: class RNGestureHandlerEvent
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerModule.java:530: error: cannot find symbol
public @nullable Map getConstants() {
^
symbol: class Nullable
location: class RNGestureHandlerModule
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerModule.java:634: error: cannot find symbol
private @nullable RNGestureHandlerRootHelper findRootHelperForViewAncestor(int viewTag) {
^
symbol: class Nullable
location: class RNGestureHandlerModule
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerModule.java:652: error: cannot find symbol
private @nullable HandlerFactory findFactoryForHandler(GestureHandler handler) {
^
symbol: class Nullable
location: class RNGestureHandlerModule
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRegistry.java:24: error: cannot find symbol
public synchronized @nullable GestureHandler getHandler(int handlerTag) {
^
symbol: class Nullable
location: class RNGestureHandlerRegistry
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootInterface.java:6: error: cannot find symbol
@nullable RNGestureHandlerRootHelper getRootHelper();
^
symbol: class Nullable
location: interface RNGestureHandlerRootInterface
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootView.java:32: error: cannot find symbol
private @nullable RNGestureHandlerRootHelper mRootHelper;
^
symbol: class Nullable
location: class RNGestureHandlerRootView
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerRootViewManager.java:42: error: cannot find symbol
public @nullable Map getExportedCustomDirectEventTypeConstants() {
^
symbol: class Nullable
location: class RNGestureHandlerRootViewManager
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:26: error: cannot find symbol
@nullable RNGestureHandlerEventDataExtractor dataExtractor) {
^
symbol: class Nullable
location: class RNGestureHandlerStateChangeEvent
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:44: error: cannot find symbol
@nullable RNGestureHandlerEventDataExtractor dataExtractor) {
^
symbol: class Nullable
location: class RNGestureHandlerStateChangeEvent
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\lib\src\main\java\com\swmansion\gesturehandler\GestureHandlerOrchestrator.java:328: error: cannot find symbol
@nullable ViewParent parent = view.getParent();
^
symbol: class Nullable
location: class GestureHandlerOrchestrator
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerEvent.java:20: error: package Pools does not exist
new Pools.SynchronizedPool<>(TOUCH_EVENTS_POOL_SIZE);
^
C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerStateChangeEvent.java:20: error: package Pools does not exist
new Pools.SynchronizedPool<>(TOUCH_EVENTS_POOL_SIZE);
^
Note: C:\Users\info\Desktop\ReactNative-Redux-TypeScript-Boilerplate-master\ReactNative-TypeScript\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerButtonViewManager.java uses 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.
32 errors

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-gesture-handler:compileDebugJavaWithJavac'.

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

Deprecated Gradle features were used in this build, making it incompatible with Gradle 6.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/5.4.1/userguide/command_line_interface.html#sec:command_line_warnings

BUILD FAILED in 8s
15 actionable tasks: 15 executed
error Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
error Command failed: gradlew.bat app:installDebug. Run CLI with --verbose flag for more details.