feat(ios): add fabric support on iOS (#607)

* feat(ios): add fabric support on iOS

* fix import

* fix: fix import

* fix: remove shouldCallOnPageSelected

* fix: fix pager view init with options

Co-authored-by: Piotr Trocki <[email protected]>

Author: krozniata

fabricexample/src/App.tsx

@@ -7,8 +7,7 @@
  */
 
 import * as React from 'react';
-import { Image, StyleSheet, Text, View, SafeAreaView } from 'react-native';
-
+import { Image, StyleSheet, Text, View } from 'react-native';
 import ViewPager from 'react-native-pager-view';
 import { PAGES, createPage } from './utils';
 import { Button } from './component/Button';
@@ -106,7 +105,7 @@ export default class App extends React.Component<{}, State> {
   render() {
     const { page, pages, animationsAreEnabled, dotsVisible } = this.state;
     return (
-      <SafeAreaView style={styles.container}>
+      <View style={styles.container}>
         <ViewPager
           style={styles.viewPager}
           initialPage={0}
@@ -115,6 +114,8 @@ export default class App extends React.Component<{}, State> {
           onPageSelected={this.onPageSelected}
           onPageScrollStateChanged={this.onPageScrollStateChanged}
           pageMargin={10}
+          layoutDirection="ltr"
+          overdrag={false}
           // Lib does not support dynamically orientation change
           orientation="horizontal"
           showPageIndicator={dotsVisible}
@@ -165,7 +166,7 @@ export default class App extends React.Component<{}, State> {
             progress={this.state.progress}
           />
         </View>
-      </SafeAreaView>
+      </View>
     );
   }
 }

ios/Fabric/RNCPagerViewComponentView.h

@@ -0,0 +1,26 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <UIKit/UIKit.h>
+#import <Foundation/Foundation.h>
+#import <React/RCTViewComponentView.h>
+#import "UIViewController+CreateExtension.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RNCPagerViewComponentView : RCTViewComponentView <UIPageViewControllerDataSource, UIPageViewControllerDelegate, UIScrollViewDelegate>
+
+@property(strong, nonatomic, readonly) UIPageViewController *nativePageViewController;
+@property(nonatomic, strong) NSMutableArray<UIViewController *> *nativeChildrenViewControllers;
+@property(nonatomic) NSInteger initialPage;
+@property(nonatomic) NSInteger currentIndex;
+@property(nonatomic) NSString* layoutDirection;
+@property(nonatomic) BOOL overdrag;
+
+- (void)setPage:(NSInteger)number;
+- (void)setPageWithoutAnimation:(NSInteger)number;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif