feat(iOS): show activity indiactor (#29)

duguyihou · Nov 15, 2023 · 6343e41 · 6343e41
1 parent 1c5d91c
commit 6343e41
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -17,6 +17,7 @@ export default function App() {
             url={img.url}
             style={styles.box}
             resizeMode="contain"
+            showActivityIndicator
           />
         ))}
       </ScrollView>

diff --git a/ios/TurboImage/TurboImageView.swift b/ios/TurboImage/TurboImageView.swift
@@ -24,6 +24,12 @@ class TurboImageView : UIView {
     }
   }
 
+  @objc var showActivityIndicator = false {
+    didSet {
+      lazyImageView.kf.indicatorType = .activity
+    }
+  }
+
   override init(frame: CGRect) {
     super.init(frame: frame)
     addSubview(lazyImageView)
@@ -52,7 +58,7 @@ fileprivate extension TurboImageView {
     else { return }
 
     KF.url(url)
-      .fade(duration: 1)
+      .fade(duration: 0.75)
       .onSuccess({ result in
         self.onSuccess?(["result": result])
       })

diff --git a/ios/TurboImage/TurboImageViewManager.m b/ios/TurboImage/TurboImageViewManager.m
@@ -10,5 +10,7 @@ @interface RCT_EXTERN_MODULE(TurboImageViewManager, RCTViewManager)
 
 RCT_EXPORT_VIEW_PROPERTY(resizeMode, NSString)
 
+RCT_EXPORT_VIEW_PROPERTY(showActivityIndicator, BOOL)
+
 @end
 
diff --git a/src/TurboImage.d.ts b/src/TurboImage.d.ts
@@ -2,6 +2,7 @@ import type { ResizeMode } from './types';
 export interface TurboImageProps extends AccessibilityProps, ViewProps {
   url: string;
   resizeMode?: ResizeMode;
+  showActivityIndicator?: boolean;
   onError?: (result: { nativeEvent: { error: string } }) => void;
   onSuccess?: (result: {
     nativeEvent: {
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,5 +10,7 @@ @interface RCT_EXTERN_MODULE(TurboImageViewManager, RCTViewManager)

		RCT_EXPORT_VIEW_PROPERTY(resizeMode, NSString)

		RCT_EXPORT_VIEW_PROPERTY(showActivityIndicator, BOOL)

		@end