fix: android animated and input

awmoreira · Oct 5, 2021 · cd67e5a · cd67e5a
1 parent eeac62e
commit cd67e5a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/android/app/build.gradle b/android/app/build.gradle
@@ -78,7 +78,7 @@ import com.android.build.OutputFile
  */
 
 project.ext.react = [
-    enableHermes: false,  // clean and rebuild if changing
+    enableHermes: true,  // clean and rebuild if changing 
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"

diff --git a/android/app/src/main/java/com/mobile/MainApplication.java b/android/app/src/main/java/com/mobile/MainApplication.java
@@ -10,6 +10,8 @@
 import com.facebook.soloader.SoLoader;
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
+import com.facebook.react.bridge.JSIModulePackage; // <- add
+import com.swmansion.reanimated.ReanimatedJSIModulePackage; // <- add
 
 public class MainApplication extends Application implements ReactApplication {
 
@@ -33,6 +35,11 @@ protected List<ReactPackage> getPackages() {
         protected String getJSMainModuleName() {
           return "index";
         }
+
+        @Override
+        protected JSIModulePackage getJSIModulePackage() {
+          return new ReanimatedJSIModulePackage(); // <- add
+        }
       };
 
   @Override

diff --git a/src/components/TextInput/styles.ts b/src/components/TextInput/styles.ts
@@ -29,7 +29,8 @@ export const WrapperInput = styled.View<IWrapperInput>`
 
 export const Input = styled.TextInput`
   flex: 1;
-  padding: ${() => (Platform.OS === 'ios' ? 0 : 5)}px 0 0 0;
+  height: 58px;
+  /* padding: ${() => (Platform.OS === 'ios' ? 0 : 0)}px 0 0 0; */
   color: ${({theme, editable}) =>
     editable === false ? theme.colors.gray[200] : theme.colors.gray[400]};
   font-family: ${({theme}) => theme.fonts.karla.regular};