React Native Theme TransitionReact Native Theme Transition

Getting Started

Install react-native-theme-transition and configure your project.

Installation

Reanimated and view-shot are already included in Expo Go.

npx expo install react-native-theme-transition react-native-worklets

Expo SDK 55+: The blank template no longer bundles babel-preset-expo. If your project doesn't have a babel.config.js yet, install it: npx expo install babel-preset-expo

npx expo install react-native-theme-transition react-native-reanimated react-native-view-shot react-native-worklets
npm install react-native-theme-transition react-native-reanimated react-native-view-shot react-native-worklets

Then install iOS pods:

cd ios && pod install && cd ..

Configure Babel

Add react-native-worklets/plugin as the last plugin in your babel.config.js:

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      // SDK 55+: do NOT add 'react-native-reanimated/plugin' —
      // babel-preset-expo already includes it from SDK 55 onwards.
      // SDK 54 and below: you DO need 'react-native-reanimated/plugin' here.
      'react-native-worklets/plugin', // must be last
    ],
  };
};

Clear cache and restart

npx expo start -c

On this page