fix(0.70.6) :new animation implementation with react-native-reanimated (#404)

BREAKING CHANGES: require react-native-reanimated
Co-authored-by: Jérémy Barbe <[email protected]>

Author: Jm-Zion

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+yarn lint
+yarn prepare

README.md

@@ -6,7 +6,7 @@ Custom animated bottom-tab-bar for react-native.
 
 ## 💾 Installation
 
-Make sure you installed `react-native-safe-area-context` before installing the library : https
+Make sure you installed `react-native-safe-area-context` before installing the library
 
 ```
 yarn add rn-wave-bottom-bar
@@ -21,11 +21,7 @@ npm install rn-wave-bottom-bar --save
 ## 📋 Requirements
 
 - React-Navigation v6 installed : https://reactnavigation.org/
-
-## :sparkles: What's new in 2.0.1
-
-- New tab bar button shape : square
-- Now support tabBarLabel
+- React-native reanimated 2.+ installed : https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation
 
 ## ⚒️ Usage
 
@@ -178,6 +174,7 @@ Initial Design : https://uimovement.com/design/tab-bar-3/
 
 ## More
 
-Checkout our other libraries :
+📌 Checkout our other libraries :
 
 - rn-gauge : https://github.com/Winzana/rn-gauge
+- rn-exclude-system-gesture-area: https://github.com/Winzana/rn-exclude-system-gesture-area

example/android/app/src/main/AndroidManifest.xml

@@ -10,7 +10,8 @@
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
       android:theme="@style/AppTheme">
-      <activity
+    <activity
+        android:exported="true"
         android:name=".MainActivity"
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"

example/android/app/src/main/java/com/example/MainActivity.java

@@ -3,7 +3,6 @@
 import com.facebook.react.ReactActivity;
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.ReactRootView;
-import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
 
 public class MainActivity extends ReactActivity {
 
@@ -15,13 +14,4 @@ public class MainActivity extends ReactActivity {
   protected String getMainComponentName() {
     return "example";
   }
-    @Override
-  protected ReactActivityDelegate createReactActivityDelegate() {
-    return new ReactActivityDelegate(this, getMainComponentName()) {
-      @Override
-      protected ReactRootView createRootView() {
-      return new RNGestureHandlerEnabledRootView(MainActivity.this);
-      }
-    };
-  }
 }

example/android/build.gradle

@@ -2,10 +2,10 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "30.0.2"
+        buildToolsVersion = "31.0.0"
         minSdkVersion = 21
-        compileSdkVersion = 30
-        targetSdkVersion = 30
+        compileSdkVersion = 31
+        targetSdkVersion = 31
         ndkVersion = "20.1.5948944"
     }
     repositories {

example/android/gradle.properties

@@ -23,6 +23,6 @@
 android.useAndroidX=true
 # Automatically convert third-party libraries to use AndroidX
 android.enableJetifier=true
-
+org.gradle.jvmargs=-Xmx4608m
 # Version of flipper SDK to use with React Native
 FLIPPER_VERSION=0.176.1

example/babel.config.js

@@ -2,7 +2,8 @@ module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
   env: {
     production: {
-      plugins: ['react-native-paper/babel'],
+      plugins: ['react-native-paper/babel', 'react-native-reanimated/plugin'],
     },
   },
+  plugins: ['react-native-reanimated/plugin'],
 };

example/ios/Podfile

@@ -1,7 +1,7 @@
 require_relative '../node_modules/react-native/scripts/react_native_pods'
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
-platform :ios, '11.0'
+platform :ios, '13.0'
 
 target 'example' do
   config = use_native_modules!
@@ -29,4 +29,4 @@ target 'example' do
   post_install do |installer|
     react_native_post_install(installer)
   end
-end
+end