Flash.itsportsbetDocsEnvironment & Energy
Related
Rocsys M1: The Hands-Free Charging Revolution for Autonomous TaxisLexus Three-Row Electric SUV: First Spy Shots Reveal Luxury Sibling to Toyota Highlander EVOnvo L80 Launch: Nio's Budget SUV Takes Aim at Tesla Model Y with Aggressive PricingTop Eco-Friendly Deals This Week: E-Bikes, Power Stations, and Outdoor Gear6 Key Takeaways from China's Latest EV Wave: Beijing Auto Show, Xiaomi, BYD, and Home BatteriesTank Pad Ultra Breaks Cover: Rugged Tablet Packs Brighter Projector, Weaker Processor at $599How to Understand and Respond to the EPA's New Flaring Guidance for Oil and Gas OperationsSpeeding Up America's EV Charging Network: A Guide to Overcoming NEVI Roadblocks

React Native 0.85: Enhanced Animations, Updated Tooling, and Key Changes

Last updated: 2026-05-05 21:15:22 · Environment & Energy

React Native 0.85 has arrived, bringing a host of new features, improvements, and necessary adjustments. This release introduces a new animation backend, moves the Jest preset to a dedicated package, and delivers several enhancements to developer tooling. Below, we break down the highlights and breaking changes you need to know.

Highlights

New Animation Backend

Developed in collaboration with Software Mansion, the new Shared Animation Backend powers animations under the hood for both Animated and Reanimated. By centralizing the main animation update logic within React Native core, Reanimated can now achieve performance improvements that were previously impossible. Additionally, this ensures the update reconciliation process is thoroughly tested and stable across future React Native updates.

React Native 0.85: Enhanced Animations, Updated Tooling, and Key Changes

With this backend, you can now animate layout properties—such as Flexbox and position—using the native driver. Below is a simple example:

import { Animated, Button, View, useAnimatedValue } from 'react-native';

function MyComponent() {
  const width = useAnimatedValue(100);
  const toggle = () => {
    Animated.timing(width, {
      toValue: 300,
      duration: 500,
      useNativeDriver: true,
    }).start();
  };
  return (
    <View style={{ flex: 1 }}>
      <Animated.View style={{ width, height: 100, backgroundColor: 'blue' }} />
      <Button title="Expand" onPress={toggle} />
    </View>
  );
}

More examples are available in react-native/packages/rn-tester/js/examples/AnimationBackend/. To opt in, enable the experimental channel of React Native (available starting from version 0.85.1, released soon).

React Native DevTools Improvements

The developer tools have received several notable upgrades:

  • Multiple CDP connections: Now supports simultaneous Chrome DevTools Protocol connections, enabling tools like React Native DevTools, VS Code, and AI agents to connect together without interrupting sessions. This facilitates richer, composable workflows.
  • Native tabs on macOS: The desktop app now compiles for macOS 26 and includes system-level tab handling. To use, navigate to Window > Merge All Windows when multiple DevTools windows are open.
  • Request payload previews: On Android, request body previews in the Network Panel have been restored after being disabled by a regression.

Metro TLS Support

The Metro development server can now accept a TLS configuration object, allowing HTTPS (and WSS for Fast Refresh) during development. This enhances security when testing on real devices or remote environments.

Breaking Changes

Jest Preset Moved to New Package

The Jest preset has been relocated from the core React Native package to its own dedicated package. If you rely on this preset in your tests, update your import paths accordingly.

Dropped Support for EOL Node.js Versions

React Native 0.85 no longer supports Node.js versions that have reached their end-of-life. Ensure your development environment uses a supported Node.js version (14.x or later recommended).

StyleSheet.absoluteFillObject Removed

The legacy StyleSheet.absoluteFillObject has been removed. Use StyleSheet.absoluteFill or the equivalent style object instead.

Other Breaking Changes

For a complete list of additional breaking changes, refer to the official React Native changelog.