https://github.com/cawfree/react-native-unibubbles

An animated floating header component. You probably don't need it. 😜
https://github.com/cawfree/react-native-unibubbles

animated react-native

Last synced: about 2 months ago
JSON representation

An animated floating header component. You probably don't need it. 😜

• Host: GitHub
• URL: https://github.com/cawfree/react-native-unibubbles
• Owner: cawfree
• License: mit
• Created: 2020-09-12T02:18:15.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-09-15T00:00:18.000Z (over 4 years ago)
• Last Synced: 2024-10-08T10:12:41.281Z (3 months ago)
• Topics: animated, react-native
• Language: JavaScript
• Homepage:
• Size: 211 KB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-unibubbles

The animated floating header for [**Uni**](https://getuni.app). It's a way to use a config object to declare a group of nested floating animations which can be interrupted asynchronously.

## 🚀 Getting Started

Using [`yarn`](https://yarnpkg.com):

```

yarn add react-native-unibubbles

```

## ✍️ Usage

```javascript

import React from "react";

import { TouchableOpacity, StyleSheet, Animated, Platform } from "react-native";

import { useWindowDimensions } from "react-native-use-dimensions";

import { UniBubbles, useUniBubbles } from "react-native-unibubbles";

export default function App() {

  const { width: windowWidth } = useWindowDimensions();

  return (

    ,

      },

    ]}

    />

  );

}

```

## ✌️ License

[**MIT**](./LICENSE)