chore: change package name

Author: troZee

.flowconfig

@@ -1,105 +1,15 @@
-# react-native-viewpager <img src="docs/viewpager-logo.png" alt="ViewPager" width="24" height="24">
-
-[![CircleCI branch](https://img.shields.io/circleci/build/github/callstack/react-native-viewpager/master.svg)](https://circleci.com/gh/callstack/react-native-viewpager/tree/master)
-[![npm package](https://badge.fury.io/js/%40react-native-community%2Fviewpager.svg)](https://badge.fury.io/js/%40react-native-community%2Fviewpager)
-[![Lean Core Extracted](https://img.shields.io/badge/Lean%20Core-Extracted-brightgreen.svg)](https://github.com/facebook/react-native/issues/23313)
-[![License](https://img.shields.io/github/license/react-native-community/react-native-viewpager?color=blue)](https://github.com/callstack/react-native-viewpager/blob/master/LICENSE)
-
-This component allows the user to swipe left and right through pages of data. Under the hood it is using the native [Android ViewPager](https://developer.android.com/reference/android/support/v4/view/ViewPager) and the [iOS UIPageViewController](https://developer.apple.com/documentation/uikit/uipageviewcontroller) implementations. [See it in action!](https://github.com/react-native-community/react-native-viewpager#preview)
-
-<br/>
-<p align="center">
-  <img src="docs/vp-carousel.gif" alt="ViewPager" width="300">
-</p>
-
-<br/>
-
-## Versions
-
-| 3.x                | ~~4.0.x, 4.1.x~~  | >= 4.2.x                                                                                            | 5.x
-| -------------      | -------------     | -------------                                                                                       | -------------       |
-| iOS support        | Deprecated        | iOS support                                                                                         | iOS support         |
-| ViewPager1 support | Deprecated        | [Reverted to 3.3.0](https://github.com/callstack/react-native-viewpager/issues/233#issue-711000654) | ViewPager2 support  |
+# react-native-pager-view <img src="docs/viewpager-logo.png" alt="ViewPager" width="24" height="24">
 
 ## Getting started
 
-`yarn add @react-native-community/viewpager`
-
-## Linking
-
-### >= 0.60
-
-Autolinking will just do the job.
-
-### < 0.60
-
-#### Mostly automatic
-
-`react-native link @react-native-community/viewpager`
-
-#### Manual linking
-
-<details>
-<summary>Manually link the library on iOS</summary>
-</br>
-
-Follow the [instructions in the React Native documentation](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) to manually link the framework or link using [Cocoapods](https://cocoapods.org) by adding this to your `Podfile`:
-
-```ruby
-pod 'react-native-viewpager', :path => '../node_modules/@react-native-community/viewpager'
-```
-
-</details>
-
-<details>
-<summary>Manually link the library on Android</summary>
-</br>
-Make the following changes:
-
-#### `android/settings.gradle`
-
-```groovy
-include ':@react-native-community_viewpager'
-project(':@react-native-community_viewpager').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/viewpager/android')
-```
-
-#### `android/app/build.gradle`
-
-```groovy
-dependencies {
-   ...
-   implementation project(':@react-native-community_viewpager')
-}
-```
-
-#### `android/app/src/main/.../MainApplication.java`
-
-On top, where imports are:
-
-```java
-import com.reactnativecommunity.viewpager.RNCViewPagerPackage;
-```
-
-Add the `RNCViewPagerPackage` class to your list of exported packages.
-
-```java
-@Override
-protected List<ReactPackage> getPackages() {
-  return Arrays.<ReactPackage>asList(
-    new MainReactPackage(),
-    new RNCViewPagerPackage()
-  );
-}
-```
-
-</details>
+`yarn add react-native-pager-view`
 
 ## Usage
 
 ```js
 import React from 'react';
 import {StyleSheet, View, Text} from 'react-native';
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 
 const MyPager = () => {
   return (
@@ -124,10 +34,6 @@ const styles = StyleSheet.create({
 **Attention:** Note that you can only use `View` components as children of `ViewPager` (cf. folder */example*)
 . For Android if `View` has own children, set prop `collapsable` to false <https://reactnative.dev/docs/view#collapsable>, otherwise react-native might remove those children views and  and it's children will be rendered as separate pages
 
-## Advanced usage
-
-For advanced usage please take a look into our [example project](https://github.com/callstack/react-native-viewpager/blob/master/example/src/BasicViewPagerExample.tsx)
-
 ## API
 
 |Prop|Description|Platform|

README.md

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Image, StyleSheet, View, SafeAreaView, Animated } from 'react-native';
 
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 
 import { LikeCount } from './component/LikeCount';
 import { NavigationPanel } from './component/NavigationPanel';

example/src/BasicViewPagerExample.tsx

@@ -17,7 +17,7 @@ import {
   ImageRequireSource,
 } from 'react-native';
 import type { ViewPagerOnPageScrollEventData } from 'src/types';
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 
 const data = [
   {

example/src/HeadphonesCarouselExample.tsx

@@ -11,7 +11,7 @@ import {
   Animated,
 } from 'react-native';
 import { Colors } from 'react-native/Libraries/NewAppScreen';
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 import { logoUrl } from './utils';
 
 import { NavigationPanel } from './component/NavigationPanel';

example/src/KeyboardExample.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StyleSheet, Text, View, SafeAreaView, Animated } from 'react-native';
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 import { ScrollView, TouchableOpacity } from 'react-native-gesture-handler';
 import { ProgressBar } from './component/ProgressBar';
 import { useNavigationPanel } from './hook/useNavigationPanel';

example/src/OnPageScrollExample.tsx

@@ -9,7 +9,7 @@ import {
   Animated,
 } from 'react-native';
 
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 import { NavigationPanel } from './component/NavigationPanel';
 import { useNavigationPanel } from './hook/useNavigationPanel';
 

example/src/OnPageSelectedExample.tsx

@@ -9,7 +9,7 @@ import {
 } from 'react-native';
 import ViewPager, {
   ViewPagerOnPageScrollEventData,
-} from '@react-native-community/viewpager';
+} from 'react-native-pager-view';
 
 import {
   ScalingDot,

example/src/PaginationDotsExample.tsx

@@ -1,4 +1,4 @@
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 import React from 'react';
 import { useState } from 'react';
 import { View, StyleSheet, Button, ScrollView, Animated } from 'react-native';

example/src/ScrollViewInsideExample.tsx

@@ -1,4 +1,4 @@
-import ViewPager from '@react-native-community/viewpager';
+import ViewPager from 'react-native-pager-view';
 import React from 'react';
 import { ScrollView, View, Image, StyleSheet, Animated } from 'react-native';
 import { NavigationPanel } from './component/NavigationPanel';