Skip to content

Snappy1

  • Home
  • Android
  • What
  • How
  • Is
  • Can
  • Does
  • Do
  • Why
  • Are
  • Who
  • Toggle search form

[FIXED] javascript – React Native LayoutAnimation bug with react navigation?

Posted on November 11, 2022 By

Solution 1 :

I had a similar issue when using LayoutAnimation.configureNext and React Navigation 5 on Android. I never found the root cause of the problem, but what solved it for me was enabling react-native-screens

Run:

# bare React Native project
npm install react-native-screens

# if you use Expo managed workflow
expo install react-native-screens

Then place the following code at the top of your root file before rendering any screens:

import { enableScreens } from "react-native-screens";

enableScreens();

Note: I am using Expo SDK 38, so I’m not sure if this fix is applicable in non-Expo environments. Here is a link to the Expo docs

Problem :

I am handling the keyboard in my app… I have read that the best way to animate it on android is using the LayoutAnimation API, and yeah it works fine but when I navigate back to other screens in which keyboard doesn’t appear an unknown View with the same height of my keyboard is shown.

Has anyone experimented with this problem? On iOS it works perfectly, but not on Android.

I have tried to do UIManager.setLayoutAnimationEnabledExperimental(false); when my component unmounts and this View doesn’t appear when going back, but if I open the keyboard again the animation disappears.

Comments

Comment posted by github.com/facebook/react-native/issues/26551

Found someone with same problem:

READ  [FIXED] java - import android.support.v4.app.ActivityCompat;
Powered by Inline Related Posts
Android Tags:android, javascript, react-native, react-navigation, reactjs

Post navigation

Previous Post: [FIXED] java – How to handle large amount of animated vector drawables?
Next Post: [FIXED] c# – Call a self hosted web api from an Android app through a DDNS

Related Posts

[FIXED] android – Unable to sign up using Firebase Auth in Flutter Android
[FIXED] android – How to disable tabLayout scroll animation while scrolling it programetically? Android
[FIXED] No drawer view found with gravity LEFT – Android Android
[FIXED] Android Chrome Switch from Front to Rear camera using JavaScript Android
[FIXED] android – Does whats app save your contacts profile pix on your device Android
[FIXED] android – Firebase RecyclerView Data Retrieve Error Android

Archives

  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022

Categories

  • ¿Cómo
  • ¿Cuál
  • ¿Cuándo
  • ¿Cuántas
  • ¿Cuánto
  • ¿Qué
  • Android
  • Are
  • At
  • C'est
  • Can
  • Comment
  • Did
  • Do
  • Does
  • Est-ce
  • Est-il
  • For
  • Has
  • Hat
  • How
  • In
  • Is
  • Ist
  • Kann
  • Où
  • Pourquoi
  • Quand
  • Quel
  • Quelle
  • Quelles
  • Quels
  • Qui
  • Should
  • Sind
  • Sollte
  • Uncategorized
  • Wann
  • Warum
  • Was
  • Welche
  • Welchen
  • Welcher
  • Welches
  • Were
  • What
  • What's
  • When
  • Where
  • Which
  • Who
  • Who's
  • Why
  • Wie
  • Will
  • Wird
  • Wo
  • Woher
  • you can create a selvedge edge: You can make the edges of garter stitch more smooth by slipping the first stitch of every row.2022-02-04
  • you really only need to know two patterns: garter stitch

Recent Posts

  • Can Vicks humidifier be used without filter?
  • What color is Spanish green?
  • How old is Jamie in The War That Saved My Life?
  • When should I use scalp massager for hair growth?
  • Can I put polyurethane over liming wax?

Recent Comments

No comments to show.

Copyright © 2023 Snappy1.

Powered by PressBook Grid Dark theme