nabind47 / rn_expo

npx create-expo-app -t expo-template-blank-typescript

npm install @react-navigation/native @react-navigation/native-stack
npx expo install react-native-screens react-native-safe-area-context

Lottie React Native | react-native-onboarding-swiper

---

React Native Reanimated

npx expo install react-native-reanimated

  module.exports = {
    presets: [
      ... // don't add it here :)
    ],
    plugins: [
      ...
      'react-native-reanimated/plugin',
    ],
  };

react-native-reanimated/plugin has to be listed last.

Bottom Sheet

npm i @gorhom/bottom-sheet@^4
npx expo install react-native-reanimated react-native-gesture-handler

Gradient Backgrounds

npm install react-native-linear-gradient

import LinearGradient from 'react-native-linear-gradient';

const Home = () => {
  return (
    <LinearGradient
      colors={["#FF407D", "#FB88B4", "#7F27FF", "#40A2E3"]}
      style={styles.container}
    />
  );
};

An In-Depth Look at React Gradient Backgrounds