https://github.com/nabind47/rn_expo

https://github.com/nabind47/rn_expo

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/nabind47/rn_expo
• Owner: nabind47
• Created: 2024-02-17T06:58:28.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-03-05T08:17:30.000Z (10 months ago)
• Last Synced: 2024-03-06T08:50:54.889Z (10 months ago)
• Language: TypeScript
• Size: 5.42 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
```sh

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

```

```sh

npm install @react-navigation/native @react-navigation/native-stack

npx expo install react-native-screens react-native-safe-area-context

```

[Lottie React Native](https://airbnb.io/lottie/#/react-native) |

[react-native-onboarding-swiper](https://www.npmjs.com/package/react-native-onboarding-swiper)

---

## [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/)

```sh

npx expo install react-native-reanimated

```

```sh

  module.exports = {

    presets: [

      ... // don't add it here :)

    ],

    plugins: [

      ...

      'react-native-reanimated/plugin',

    ],

  };

```

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

## [Bottom Sheet](https://ui.gorhom.dev/components/bottom-sheet/)

```sh

npm i @gorhom/bottom-sheet@^4

npx expo install react-native-reanimated react-native-gesture-handler

```

## [Gradient Backgrounds](https://www.npmjs.com/package/react-native-linear-gradient)

```sh

npm install react-native-linear-gradient

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

```

```tsx

const Home = () => {

  return (

    

  );

};

```

> [An In-Depth Look at React Gradient Backgrounds](<(https://www.dhiwise.com/post/an-in-depth-look-at-react-gradient-backgrounds)>)