karlmarxlopez / Usestatewithlayoutanimation
Licence: mit
Abstraction for `React Native`'s `LayoutAnimation` and `useState`
Stars: ✭ 19
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Usestatewithlayoutanimation
Meteor Collection Hooks
Meteor Collection Hooks
Stars: ✭ 641 (+3273.68%)
Mutual labels: hacktoberfest, hooks
React Fetch Hook
React hook for conveniently use Fetch API
Stars: ✭ 285 (+1400%)
Mutual labels: hacktoberfest, hooks
React Native Spaceviewer
See and search upcoming and previous rocket space launches! Built with React Native, using Detox E2E tests, Fastlane and Github Actions for app store deployment.
Stars: ✭ 61 (+221.05%)
Mutual labels: hacktoberfest, reactnative
Nbstripout
strip output from Jupyter and IPython notebooks
Stars: ✭ 738 (+3784.21%)
Mutual labels: hacktoberfest, hooks
Raspadorlegislativo
Testes de código para integrar, futuramente, o Radar Legislativo
Stars: ✭ 17 (-10.53%)
Mutual labels: hacktoberfest
Vibranium Dark Mode
This awesome Progressive Web App was created for Developer Student Clubs in Sub Saharan Africa as a profile and a platform to showcase what they're upto in events, outreach to local businesses and showcases and most importantly their success stories to the world.
Stars: ✭ 16 (-15.79%)
Mutual labels: hacktoberfest
Wwcode Hacktoberfest 2020
🌎 No intuito de colaborar e incentivar a participação de mais mulheres na comunidade open source , um pull request por vez, nós do Women Who Code Recife, criamos um projeto para participarmos desta causa incrível, e toda comunidade poder colaborar
Stars: ✭ 16 (-15.79%)
Mutual labels: hacktoberfest
Liquidctl
Cross-platform CLI and Python drivers for AIO liquid coolers and other devices
Stars: ✭ 830 (+4268.42%)
Mutual labels: hacktoberfest
Malboxes
Builds malware analysis Windows VMs so that you don't have to.
Stars: ✭ 900 (+4636.84%)
Mutual labels: hacktoberfest
Django Rest Framework Json Api
JSON API support for Django REST Framework
Stars: ✭ 898 (+4626.32%)
Mutual labels: hacktoberfest
Opendevufcgblog
Tem algum conteúdo que você quer compartilhar com a comunidade? Fala com o OpenDevUFCG que a gente te impulsiona!
Stars: ✭ 17 (-10.53%)
Mutual labels: hacktoberfest
Gcommit
GCommit is a git-plugin that eases pair-programming commits
Stars: ✭ 16 (-15.79%)
Mutual labels: hacktoberfest
Excalibur
🎮 An easy to use 2D HTML5 game engine written in TypeScript
Stars: ✭ 892 (+4594.74%)
Mutual labels: hacktoberfest
Wakame
Haskell library of row polymorphic record manipulator
Stars: ✭ 16 (-15.79%)
Mutual labels: hacktoberfest
Cli Prompts Test
Write e2e tests for CLI apps with ease
Stars: ✭ 17 (-10.53%)
Mutual labels: hacktoberfest
Sopel
🤖💬 An easy-to-use and highly extensible IRC Bot framework. Formerly Willie.
Stars: ✭ 894 (+4605.26%)
Mutual labels: hacktoberfest
Dotfiles Manager
A powerful POSIX shell dotfiles manager program
Stars: ✭ 17 (-10.53%)
Mutual labels: hacktoberfest
Rooks
Essential hooks ⚓ to super charge your components!
Stars: ✭ 889 (+4578.95%)
Mutual labels: hooks
useStateWithLayoutAnimation
Abstraction for React Native
's LayoutAnimation
and useState
Install
yarn add use-state-with-layout-animation
Or
npm install --save use-state-with-layout-animation
Example
Download expo client and scan the QR code to run the snack on your iOS
or Android
device. (It does not work on web)
API
useStateWithLayoutAnimation
By default, UIManager.setLayoutAnimationEnabledExperimental
is invoked, you can pass false
as the second parameter if you want to call it on your own.
const [state, setState] = useStateWithLayoutAnimation(123, false);
setState.spring
setState.linear
setState.easeInEaseOut
You can use this the same as useState
setter, accepts values or optional callback function but accepts a second parameter for the animation finish callback.
const [state, setState] = useStateWithLayoutAnimation(1);
const animationDidFinish = () => console.log('Animation finished');
setState.spring(2, animationDidFinish);
setState.linear(prev => prev + 10, animationDidFinish);
setState.easeInEaseOut(4, animationDidFinish);
setState.noAnimation
You can use this the same as useState
setter, accepts values or optional callback function.
setState.noAnimation(4);
setState.noAnimation(prev => prev + 1);
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].