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

npm install react-native-freelifemakers-ui

2. PeerModule install

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

1)React-Native Expo

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

❗ 리액트 네이티브 엑스포는 반드시 [email protected] 버전을 설치 합니다.

❗ 엑스포 프로젝트와 3.17.4버전이 가장 호환이 잘되며 이것보다 상위버전 설치시 바텀시트가 동작하지 않을 수 있습니다.

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에서는 정상적으로 작동합니다.