1.react-native-freelifemakers-ui NPM 모듈 설치하기

npm install react-native-freelifemakers-ui

2.의존성 모듈 설치

1)React-Native Expo

✔️FlmBottomSheet를 사용하기 위해서 반드시 설치해야 하는 모듈입니다.

✔️react-native-freelifemakers-ui 이 모듈을 사용하기 위해서는 아래 두개의 모듈을 반드시 설치해야 합니다. ✔️ 리액트 네이티브 엑스포는 반드시 [email protected] 버전을 설치 합니다. ✔️ 엑스포 프로젝트와 3.17.4버전이 가장 호환이 잘되며 이것보다 상위버전 설치시 FlmBanner가 동작하지 않을 수 있습니다.

npm install react-native-gesture-handler

npm install [email protected]

👉🏻 babel.config.js

✔️이 파일이 없으면 파일을 직접 만듧니다.

✔️프로젝트 폴더 내 package.json파일과 동일한 위치에 만들면됩니다.

✔️아래에 reanimated모듈을 위해 다음과 같은 설정을 적용합니다.

// babel.config.js
module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      'react-native-reanimated/plugin', //react-native-reanimated module setting
    ],
  };
};

2)React-Native CLI

✔️react-native-freelifemakers-ui 이 모듈을 사용하기 위해서는 아래 두개의 모듈을 반드시 설치해야 합니다.

✔️안드로이드에서는 react-native-reanimated모듈이 안정적으로 동작하지 않는 경우가 있습니다.

✔️IOS에서는 정상적으로 작동합니다.

✔️리액트네이티브 CLI에서는 react-native-reanimated 최선버전을 설치해도 됩니다.

✔️현재 3.18.0버전 설치해서 테스트 해본 결과 잘 작동 합니다.