├── .editorconfig ├── .gitattributes ├── .github ├── PULL_REQUEST_TEMPLATE.md ├── actions │ └── setup │ │ └── action.yml ├── dependabot.yml └── workflows │ ├── ci.yml │ ├── codeql.yml │ └── pull-request.yml ├── .gitignore ├── .nvmrc ├── .watchmanconfig ├── .yarnrc ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── babel.config.js ├── example ├── App.js ├── README.md ├── app.json ├── assets │ ├── adaptive-icon.png │ ├── cabin.jpg │ ├── favicon.png │ ├── icon.png │ └── splash.png ├── babel.config.js ├── metro.config.js ├── package.json ├── src │ ├── App.tsx │ ├── components │ │ ├── Card.tsx │ │ ├── HeaderComponent.tsx │ │ ├── HeaderNavBar.tsx │ │ ├── RoundButton.tsx │ │ ├── TopNavBar.tsx │ │ └── index.ts │ ├── icons │ │ ├── ArrowLeft.tsx │ │ ├── ArrowRight.tsx │ │ └── Share.tsx │ ├── screens │ │ ├── ExamplesDirectory.tsx │ │ ├── HeaderNavBarExample.tsx │ │ ├── HeaderNavbarFlatListExample.tsx │ │ ├── ImageForegroundExample.tsx │ │ ├── OnlyForegroundExample.tsx │ │ ├── RefreshControlExample.tsx │ │ └── SafeAreaViewExample.tsx │ ├── types.d.ts │ └── utils │ │ ├── enums.ts │ │ └── index.ts ├── tsconfig.json ├── webpack.config.js └── yarn.lock ├── lefthook.yml ├── package.json ├── preview-ios.gif ├── scripts └── bootstrap.js ├── src ├── __tests__ │ └── useAnimateNavbar.test.ts ├── components │ ├── AnimatedFlatList.tsx │ ├── AnimatedHeader.tsx │ ├── AnimatedNavbar.tsx │ ├── AnimatedScrollView.tsx │ └── index.ts ├── constants.ts ├── hooks │ ├── useAnimateNavbar.ts │ └── useAnimateScrollView.ts ├── index.tsx └── types.d.ts ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.gitattributes -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/PULL_REQUEST_TEMPLATE.md -------------------------------------------------------------------------------- /.github/actions/setup/action.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/actions/setup/action.yml -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/dependabot.yml -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/workflows/ci.yml -------------------------------------------------------------------------------- /.github/workflows/codeql.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/workflows/codeql.yml -------------------------------------------------------------------------------- /.github/workflows/pull-request.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.github/workflows/pull-request.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.gitignore -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | 16.18.1 2 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/.yarnrc -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/CODE_OF_CONDUCT.md -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/CONTRIBUTING.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/README.md -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/babel.config.js -------------------------------------------------------------------------------- /example/App.js: -------------------------------------------------------------------------------- 1 | export { default } from './src/App'; 2 | -------------------------------------------------------------------------------- /example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/README.md -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/app.json -------------------------------------------------------------------------------- /example/assets/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/assets/adaptive-icon.png -------------------------------------------------------------------------------- /example/assets/cabin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/assets/cabin.jpg -------------------------------------------------------------------------------- /example/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/assets/favicon.png -------------------------------------------------------------------------------- /example/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/assets/icon.png -------------------------------------------------------------------------------- /example/assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/assets/splash.png -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/babel.config.js -------------------------------------------------------------------------------- /example/metro.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/metro.config.js -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/package.json -------------------------------------------------------------------------------- /example/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/App.tsx -------------------------------------------------------------------------------- /example/src/components/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/Card.tsx -------------------------------------------------------------------------------- /example/src/components/HeaderComponent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/HeaderComponent.tsx -------------------------------------------------------------------------------- /example/src/components/HeaderNavBar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/HeaderNavBar.tsx -------------------------------------------------------------------------------- /example/src/components/RoundButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/RoundButton.tsx -------------------------------------------------------------------------------- /example/src/components/TopNavBar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/TopNavBar.tsx -------------------------------------------------------------------------------- /example/src/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/components/index.ts -------------------------------------------------------------------------------- /example/src/icons/ArrowLeft.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/icons/ArrowLeft.tsx -------------------------------------------------------------------------------- /example/src/icons/ArrowRight.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/icons/ArrowRight.tsx -------------------------------------------------------------------------------- /example/src/icons/Share.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/icons/Share.tsx -------------------------------------------------------------------------------- /example/src/screens/ExamplesDirectory.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/ExamplesDirectory.tsx -------------------------------------------------------------------------------- /example/src/screens/HeaderNavBarExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/HeaderNavBarExample.tsx -------------------------------------------------------------------------------- /example/src/screens/HeaderNavbarFlatListExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/HeaderNavbarFlatListExample.tsx -------------------------------------------------------------------------------- /example/src/screens/ImageForegroundExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/ImageForegroundExample.tsx -------------------------------------------------------------------------------- /example/src/screens/OnlyForegroundExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/OnlyForegroundExample.tsx -------------------------------------------------------------------------------- /example/src/screens/RefreshControlExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/RefreshControlExample.tsx -------------------------------------------------------------------------------- /example/src/screens/SafeAreaViewExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/screens/SafeAreaViewExample.tsx -------------------------------------------------------------------------------- /example/src/types.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/types.d.ts -------------------------------------------------------------------------------- /example/src/utils/enums.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/utils/enums.ts -------------------------------------------------------------------------------- /example/src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/src/utils/index.ts -------------------------------------------------------------------------------- /example/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/tsconfig.json -------------------------------------------------------------------------------- /example/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/webpack.config.js -------------------------------------------------------------------------------- /example/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/example/yarn.lock -------------------------------------------------------------------------------- /lefthook.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/lefthook.yml -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/package.json -------------------------------------------------------------------------------- /preview-ios.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/preview-ios.gif -------------------------------------------------------------------------------- /scripts/bootstrap.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/scripts/bootstrap.js -------------------------------------------------------------------------------- /src/__tests__/useAnimateNavbar.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/__tests__/useAnimateNavbar.test.ts -------------------------------------------------------------------------------- /src/components/AnimatedFlatList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/components/AnimatedFlatList.tsx -------------------------------------------------------------------------------- /src/components/AnimatedHeader.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/components/AnimatedHeader.tsx -------------------------------------------------------------------------------- /src/components/AnimatedNavbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/components/AnimatedNavbar.tsx -------------------------------------------------------------------------------- /src/components/AnimatedScrollView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/components/AnimatedScrollView.tsx -------------------------------------------------------------------------------- /src/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/components/index.ts -------------------------------------------------------------------------------- /src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/constants.ts -------------------------------------------------------------------------------- /src/hooks/useAnimateNavbar.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/hooks/useAnimateNavbar.ts -------------------------------------------------------------------------------- /src/hooks/useAnimateScrollView.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/hooks/useAnimateScrollView.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/types.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/src/types.d.ts -------------------------------------------------------------------------------- /tsconfig.build.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/tsconfig.build.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kanelloc/react-native-animated-header-scroll-view/HEAD/yarn.lock --------------------------------------------------------------------------------