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.

[Android] Unsupported interpolation type : keyboard

See original GitHub issue

As reported in https://github.com/facebook/react-native/issues/23343 and incorrectly closed, LayoutAnimation.configureNext() on Android throw’s error when using LayoutAnimation.Types.keyboard as type.

React Native version:

System:
    OS: macOS 10.15.2
    CPU: (4) x64 Intel(R) Core(TM) i5-7500 CPU @ 3.40GHz
    Memory: 12.61 GB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.15.3 - /usr/local/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.13.6 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 23, 24, 26, 27, 28
      Build Tools: 27.0.3, 28.0.3, 29.0.2
      System Images: android-28 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom
      Android NDK: 19.2.5345600
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.6010548
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: 0.61.5 => 0.61.5

Steps To Reproduce

  1. On Android run the following code
const animation = LayoutAnimation.create(250, LayoutAnimation.Types.keyboard, 'opacity');
LayoutAnimation.configureNext(animation);
this.setState(...);

Describe what you expected to happen: App not to throw error

Snack, code example, screenshot, or link to a repository:

Screenshot 2020-01-22 at 16 59 42

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:3
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
yaserlozcommented, Feb 21, 2020

I have the same pronlem, UIManager.setLayoutAnimationEnabledExperimental(true); is enabled in the code, the problem is in LayoutAnimation.configureNext({ duration, update: { duration, type:"keyboard" } }), what is the reason for this error?

System:
    OS: Windows 10 10.0.18362
    CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
    Memory: 740.91 MB / 7.85 GB
  Binaries:
    Node: 12.14.0 - D:\Program Files\nodejs\node.EXE
    Yarn: 1.22.0 - D:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.13.4 - D:\Program Files\nodejs\npm.CMD
  SDKs:
    Android SDK:
      API Levels: 27, 28
      Build Tools: 28.0.2, 28.0.3, 29.0.1, 29.0.3
      System Images: android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom
  npmPackages:
    react: 16.12.0 => 16.12.0
    react-native: 0.61.5 => 0.61.5
2reactions
djhrcommented, Jan 28, 2020

Did you add the UIManager.setLayoutAnimationEnabledExperimental(true); code snippet from https://facebook.github.io/react-native/docs/layoutanimation?

Yes

Read more comments on GitHub >

github_iconTop Results From Across the Web

missing interpolation type in react native android
This is how i define my custom animation type. const CustomLayoutLinear = { duration: 300, create: { type: LayoutAnimation.Types.linear, ...
Read more >
Property Animation Overview | Android Developers
Time interpolation: You can specify how the values for the property are calculated as a function of the animation's current elapsed time.
Read more >
CameraCharacteristics - Android Developers
aberrationMode that are supported by this camera device. ... device will resample the curve to its internal representation, using linear interpolation.
Read more >
Vector drawables overview | Android Developers
A VectorDrawable is a vector graphic defined in an XML file as a set of points, lines, and curves along with its associated...
Read more >
R.attr - Android Developers
Specify the type of auto-size. Note that this feature is not supported by EditText, works only for TextView. Must be one of the...
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