question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Layout animation collision on Alert call with KeyboardAvoidingView

See original GitHub issue

Description

Calling Alert with focused TextInput (Keyboard is open) wrapped in KeyboardAvoidingView causes warning:

Warning: Overriding previous layout animation with new one before the first began:
{
    duration = 250;
    update =     {
        duration = 250;
        type = keyboard;
    };
} -> {
    duration = 404;
    update =     {
        duration = 404;
        type = keyboard;
    };
}.

And should input become focused after alert dismiss or not? Now i do it manually but in older versions seems it was automatically

Reproduction

https://rnplay.org/apps/5lB8-A

Additional Information

  • React Native version: 0.36
  • Platform: iOS 10
  • Operating System: MacOS

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:43
  • Comments:15 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
tbazkocommented, Aug 8, 2018

Similar issue here

4reactions
ankur-sardarcommented, Aug 8, 2018

+1

Read more comments on GitHub >

github_iconTop Results From Across the Web

KeyboardAvoidingView not Working Properly - Stack Overflow
This appears to be only a partial solution, although it works initially, if the android phone is locked on the screen with the...
Read more >
Part 14: Using LayoutAnimation to manage keyboard context ...
Part 14: Using LayoutAnimation to manage keyboard context with forms with @notbrent. 2.6K views 5 years ago ReactEurope 2017 React Native ...
Read more >
react-native-codegen | Yarn - Package Manager
Stop styles from being reset when detaching Animated.Values in old renderer (2f58e52006 by @javache); Revert "Fix TextInput dropping text when used as ...
Read more >
Using the KeyboardAvoidingView in React Native
Learn how to use and implement the KeyboardAvoidingView in React Native via padding behaviour, height behaviour and position behaviour.
Read more >
[Solved]-How to Use NSCoder with Versioned Classes
ios: how to detect user cancel dial a phone number · How to lengthen the UISearchBar in x direction with animation? · MapKit:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found