4

A plugin to enable React Native Web and Reanimated on Docusaurus

 2 years ago
source link: https://reactnativeexample.com/a-plugin-to-enable-react-native-web-and-reanimated-on-docusaurus/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Web

A plugin to enable React Native Web and Reanimated on Docusaurus

Jan 03, 2022

1 min read

Docusaurus React Native Plugin

A plugin to enable React Native Web and Reanimated on Docusaurus.

Installation

yarn add @gorhom/docusaurus-react-native-plugin -D

Usage

Monorepo

in the file docusaurus.config.js add the following

...
plugins: [
  '@gorhom/docusaurus-react-native-plugin',
  {
    alias: {
      '{MY PACKAGE NAME}': path.resolve(
        __dirname,
        {MY PACKAGE PATH}
      ),
      'react-native-reanimated': path.resolve(
        __dirname,
        {REANIMATED PACKAGE PATH}
      ),
    },
  },
],
...

Standalone

you will need to install the following

yarn add react-native-web react-native-reanimated

then you will need to add the following in the file docusaurus.config.js

...
plugins: [
  '@gorhom/docusaurus-react-native-plugin',
  {
    alias: {
      '{MY PACKAGE NAME}': path.resolve(
        __dirname,
        {MY PACKAGE PATH}
      ),
      'react-native-reanimated': path.resolve(
        __dirname,
        'node_modules/react-native-reanimated'
      ),
    },
  },
],
...

License

MIT

GitHub

View Github

Web

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK