Add fabric example (#602)

* wip

* wip2

* add example

* fix ios

* chore: add fabric android example

* gitignore

* fix lint

* fix android

* fix: remove unnecessary code

* feat: add bootstrap script for fabric

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

Author: 3 people

.gitignore

@@ -62,3 +62,8 @@ lib/
 #e2e
 test-butler-app.apk
 example/vendor
+
+#Example
+fabricexample/ios/Pods
+fabricexample/vendor
+fabricexample/android/app/.cxx

android/src/legacy/com/reactnativepagerview/PagerViewViewManager.java

@@ -11,9 +11,9 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 
 import java.util.Map;
+import com.facebook.react.uimanager.ViewGroupManager;
 
-
-public class PagerViewViewManager extends SimpleViewManager<PagerViewView> {
+public class PagerViewViewManager extends ViewGroupManager<PagerViewView> {
 
   ReactApplicationContext mCallerContext;
 

android/src/main/java/com/reactnativepagerview/PagerViewViewPackage.java

@@ -14,7 +14,7 @@ public class PagerViewViewPackage implements ReactPackage {
   @Override
   public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
     List<ViewManager> viewManagers = new ArrayList<>();
-    viewManagers.add(new PagerViewViewManager(reactContext));
+    viewManagers.add(new com.reactnativepagerview.PagerViewViewManager(reactContext));
     return viewManagers;
   }
 

android/src/turbo/PagerViewViewManager.java

@@ -4,6 +4,7 @@
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.SimpleViewManager;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewManagerDelegate;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -13,7 +14,7 @@
 import androidx.annotation.Nullable;
 
 @ReactModule(name = PagerViewViewManagerImpl.NAME)
-public class PagerViewViewManager extends SimpleViewManager<PagerViewView> implements PagerViewViewManagerInterface<PagerViewView> {
+public class PagerViewViewManager extends ViewGroupManager<PagerViewView> implements PagerViewViewManagerInterface<PagerViewView> {
   private final ViewManagerDelegate<PagerViewView> mDelegate;
 
   public PagerViewViewManager(ReactApplicationContext context) {
@@ -36,18 +37,58 @@ public PagerViewView createViewInstance(ThemedReactContext context) {
     return PagerViewViewManagerImpl.createViewInstance(context);
   }
 
-  @ReactProp(name = "color")
-  public void setColor(PagerViewView view, String color) {
-    PagerViewViewManagerImpl.setColor(view, color);
+  @Override
+  public void receiveCommand(PagerViewView root, String commandId, ReadableArray args) {
+    mDelegate.receiveCommand(root, commandId, args);
   }
 
   @Override
-  public void changeBackgroundColor(PagerViewView view, String color) {
-    PagerViewViewManagerImpl.setColor(view, color);
+  public void setLayoutDirection(PagerViewView view, @Nullable String value) {
+
   }
 
   @Override
-  public void receiveCommand(PagerViewView root, String commandId, ReadableArray args) {
-    mDelegate.receiveCommand(root, commandId, args);
+  public void setInitialPage(PagerViewView view, int value) {
+
+  }
+
+  @Override
+  public void setOrientation(PagerViewView view, @Nullable String value) {
+
+  }
+
+  @Override
+  public void setOffscreenPageLimit(PagerViewView view, int value) {
+
+  }
+
+  @Override
+  public void setPageMargin(PagerViewView view, int value) {
+
+  }
+
+  @Override
+  public void setOverScrollMode(PagerViewView view, @Nullable String value) {
+
+  }
+
+  @Override
+  public void setPage(PagerViewView view, int selectedPage) {
+
+  }
+
+  @Override
+  public void setPageWithoutAnimation(PagerViewView view, int selectedPage) {
+
+  }
+
+  @Override
+  public void setScrollEnabledImperatively(PagerViewView view, boolean scrollEnabled) {
+
+  }
+
+  @Override
+  public void setScrollEnabled(PagerViewView view, boolean scrollEnabled) {
+
   }
 }

example/ios/Podfile

@@ -4,6 +4,8 @@ require_relative '../node_modules/@react-native-community/cli-platform-ios/nativ
 platform :ios, '12.4'
 install! 'cocoapods', :deterministic_uuids => false
 
+ENV['RCT_NEW_ARCH_ENABLED'] = '0'
+
 target 'PagerViewExample' do
   config = use_native_modules!
 

example/src/component/NavigationPanel/ControlPanel.tsx

@@ -23,18 +23,18 @@ export function ControlsPanel({
   toggleOverdrag,
 }: NavigationPanelProps) {
   const firstPage = useCallback(() => setPage(0), [setPage]);
-  const prevPage = useCallback(() => setPage(activePage - 1), [
-    activePage,
-    setPage,
-  ]);
-  const nextPage = useCallback(() => setPage(activePage + 1), [
-    setPage,
-    activePage,
-  ]);
-  const lastPage = useCallback(() => setPage(pages.length - 1), [
-    pages.length,
-    setPage,
-  ]);
+  const prevPage = useCallback(
+    () => setPage(activePage - 1),
+    [activePage, setPage]
+  );
+  const nextPage = useCallback(
+    () => setPage(activePage + 1),
+    [setPage, activePage]
+  );
+  const lastPage = useCallback(
+    () => setPage(pages.length - 1),
+    [pages.length, setPage]
+  );
   return (
     <>
       <View style={styles.buttons}>

fabricexample/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

fabricexample/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

fabricexample/.ruby-version

@@ -0,0 +1 @@
+2.7.5

fabricexample/.watchmanconfig

@@ -0,0 +1 @@
+{}