feat: Add Android support for progress-view (#58)

Co-authored-by: Alpha <alpha0010@users.noreply.github.com>

Author: Naturalclar

.flowconfig

@@ -3,6 +3,12 @@
 .*/*[.]android.js
 .*/*[.]windows.js
 
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
 ; These should not be required directly
 ; require from fbjs/lib instead: require('fbjs/lib/warning')
 .*/node_modules/warning/.*
@@ -19,8 +25,8 @@
 .*/node_modules/.*
 
 [libs]
-interface.js
-flow/
+node_modules/react-native/interface.js
+node_modules/react-native/flow/
 
 [options]
 emoji=true
@@ -36,19 +42,15 @@ module.file_ext=.ios.js
 
 munge_underscores=true
 
-module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
-module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'	
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
-suppress_type=$FlowFixMeEmpty
 
-experimental.well_formed_exports=true
-experimental.types_first=true
-experimental.abstract_locations=true
+sharedmemory.heap_size=4000000000
 
 [lints]
 sketchy-null-number=warn
@@ -60,8 +62,6 @@ deprecated-type=warn
 unsafe-getters-setters=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
-deprecated-utility=error
-unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -73,4 +73,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.127.0
+^0.137.0

.github/workflows/ci.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [10]
+        node-version: [12]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -27,7 +27,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [10]
+        node-version: [12]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -48,7 +48,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [10]
+        node-version: [12]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -69,7 +69,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [10]
+        node-version: [12]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -90,7 +90,7 @@ jobs:
     runs-on: macos-latest
     strategy:
       matrix:
-        node-version: [10]
+        node-version: [12]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1

android/build.gradle

@@ -12,12 +12,12 @@ buildscript {
 apply plugin: 'com.android.library'
 
 android {
-    compileSdkVersion 28
-    buildToolsVersion "28.0.3"
+    compileSdkVersion 30
+    buildToolsVersion "29.0.3"
 
     defaultConfig {
-        minSdkVersion 16
-        targetSdkVersion 28
+        minSdkVersion 21
+        targetSdkVersion 30
         versionCode 1
         versionName "1.0"
     }

android/src/main/java/com/reactnativecommunity/progressview/RNCProgressViewManager.java

@@ -0,0 +1,53 @@
+package com.reactnativecommunity.progressview;
+
+import android.content.res.ColorStateList;
+import android.widget.ProgressBar;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+public class RNCProgressViewManager extends SimpleViewManager<ProgressBar> {
+    private static final int MAX_PROGRESS_VALUE = 1000;
+
+    @NonNull
+    @Override
+    public String getName() {
+        return "RNCProgressView";
+    }
+
+    @NonNull
+    @Override
+    protected ProgressBar createViewInstance(@NonNull ThemedReactContext reactContext) {
+        ProgressBar bar = new ProgressBar(
+                reactContext,
+                null,
+                android.R.attr.progressBarStyleHorizontal
+        );
+        bar.setMax(MAX_PROGRESS_VALUE);
+        return bar;
+    }
+
+    @ReactProp(name = "progress")
+    public void setProgress(ProgressBar bar, double progress) {
+        bar.setProgress((int) (MAX_PROGRESS_VALUE * progress));
+    }
+
+    @ReactProp(name = "progressTintColor", customType = "Color")
+    public void setProgressTintColor(ProgressBar bar, int color) {
+        bar.setIndeterminateTintList(ColorStateList.valueOf(color));
+        bar.setProgressTintList(ColorStateList.valueOf(color));
+    }
+
+    @ReactProp(name = "trackTintColor", customType = "Color")
+    public void setTrackTintColor(ProgressBar bar, int color) {
+        bar.setProgressBackgroundTintList(ColorStateList.valueOf(color));
+    }
+
+    @ReactProp(name = "isIndeterminate")
+    public void setIsIndeterminate(ProgressBar bar, boolean isIndeterminate) {
+        bar.setIndeterminate(isIndeterminate);
+    }
+}

android/src/main/java/com/reactnativecommunity/progressview/RNCProgressViewModule.java

@@ -1,28 +1,25 @@
-
 package com.reactnativecommunity.progressview;
 
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
+import androidx.annotation.NonNull;
 
 import com.facebook.react.ReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.bridge.JavaScriptModule;
+
+import java.util.Collections;
+import java.util.List;
+
 public class RNCProgressViewPackage implements ReactPackage {
+    @NonNull
     @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-      return Arrays.<NativeModule>asList(new RNCProgressViewModule(reactContext));
-    }
-
-    // Deprecated from RN 0.47
-    public List<Class<? extends JavaScriptModule>> createJSModules() {
-      return Collections.emptyList();
+    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
+        return Collections.emptyList();
     }
 
+    @NonNull
     @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-      return Collections.emptyList();
+    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
+        return Collections.<ViewManager>singletonList(new RNCProgressViewManager());
     }
-}
+}

android/src/main/java/com/reactnativecommunity/progressview/RNCProgressViewPackage.java

@@ -33,7 +33,7 @@ export class App extends React.Component<Props, State> {
   /* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
    * found when Flow v0.85 was deployed. To see the error, delete this comment
    * and run Flow. */
-  getProgress = offset => {
+  getProgress = (offset) => {
     const progress = this.state.progress + offset;
     return Math.sin(progress % Math.PI) % 1;
   };

example/App.js

@@ -190,6 +190,7 @@ dependencies {
 
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
+
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
       exclude group:'com.facebook.fbjni'
     }
@@ -210,7 +211,6 @@ dependencies {
     } else {
         implementation jscFlavor
     }
-    
     // used for example
     implementation project(':progressview')
 }

example/android/app/build.gradle

@@ -1,3 +1,6 @@
 rootProject.name = 'example'
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'
+
+include ':progressview'
+project(':progressview').projectDir = new File(rootProject.projectDir, '../../android')

example/android/settings.gradle

@@ -9,35 +9,19 @@
 'use strict';
 
 import * as React from 'react';
-import {Text, View, StyleSheet} from 'react-native';
+import {requireNativeComponent} from 'react-native';
 
-class DummyProgressViewIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          ProgressViewIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
+const RNCProgressView = requireNativeComponent('RNCProgressView');
 
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 20,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
+export default function ProgressView(props) {
+  const nativeProps = {
+    testID: props.testID,
+    progress: props.progress,
+    progressTintColor: props.progressTintColor,
+    trackTintColor: props.trackTintColor,
+    isIndeterminate: props.isIndeterminate,
+    style: [{height: 20}, props.style],
+  };
 
-export default DummyProgressViewIOS;
+  return <RNCProgressView {...nativeProps} />;
+}