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.

KeyboardAvoidingView: prefersCrossFadeTransitions is undefined

See original GitHub issue

Description

Some devices on iOS report the following error:

TypeError undefined is not a function 
    node_modules/react-native/Libraries/Components/Keyboard/KeyboardAvoidingView.js:88:31

It seems to be an issue with AccessibilityInfo.prefersCrossFadeTransitions().

Version

0.70.1

Output of `npx react-native info`

System:
    OS: macOS 12.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 2.08 GB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.6 - ~/.nvm/versions/node/v14.17.6/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 8.3.2 - ~/.nvm/versions/node/v14.17.6/bin/npm
    Watchman: 4.7.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /Users/henrik/.rbenv/shims/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK:
      API Levels: 25, 29, 30, 31
      Build Tools: 27.0.2, 27.0.3, 28.0.2, 28.0.3, 29.0.0, 29.0.2, 30.0.2, 30.0.3, 31.0.0, 32.0.0, 32.1.0, 33.0.0, 33.0.0
      System Images: android-19 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 2021.2 AI-212.5712.43.2112.8609683
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.14.1 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.1.0 => 18.1.0 
    react-native: 0.70.1 => 0.70.1 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Steps to reproduce

I don’t know, happens only on some devices.

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

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

3reactions

cortinicocommented, Oct 3, 2022

That’s because of reactwg/react-native-releases#34 (comment)

Thanks for mentioning this @gabrieldonadel Seems like the issue is effectively already solved on main and we need to release a new point release that include the fix (it will happen in the immediate future).

2reactions

svenlombaertcommented, Oct 12, 2022

Seems like this is now released in 0.70.2: https://github.com/facebook/react-native/releases/tag/v0.70.2

Top Results From Across the Web

KeyboardAvoidingView not Working Properly - Stack Overflow

If you are using react-navigation, this is affected by the header of the react-navigation. The height of the header is vary on different ......

keyboardavoidingview的推薦與評價，YOUTUBE和 ... - 韓流韓星資訊站

KeyboardAvoidingView | NativeBase | Universal Components for React and React Native ... Provides a view that moves out of the way of virtual...

KeyboardAvoidingView: prefersCrossFadeTransitions is undefined ...

It seems to be an issue with AccessibilityInfo.prefersCrossFadeTransitions() . Version. 0.70.1. Output of npx react-native info. System: OS: macOS 12.1 ...

KeyboardAvoidingView - React Native

This component will automatically adjust its height, position, or bottom padding based on the keyboard height to remain visible while the ...

react-native - bytemeta

KeyboardAvoidingView : prefersCrossFadeTransitions is undefined. JonhsonFu. JonhsonFu OPEN · Updated 1 day ago · FlatList Error. johanntony.