maitrungduc1410 / react-native-loader-kit

✳️Purely native loader indicators for React Native ✳️

Hello World 👋

Hi, Im Duc Trung Mai (James), a passionate self-taught full stack web developer. my passion for software lies with dreaming up ideas and making them come true with elegant interfaces. i take great care in the experience, architecture, and code quality of the things I build.

i am also an open-source enthusiast and maintainer. i learned a lot from the open-source community and i love how collaboration and knowledge sharing happened through open-source.

Languages and tools:

📈 My github stats

react-native-loader-kit's Issues

Adding `style` prop on LoaderKit throws TypeScript error.

Adding a style prop on LoaderKit throws the following error:

Type '{ style: { height: number; width: number; }; name: string; size: string; color: string; }' is not assignable to type 'IntrinsicAttributes & LoaderKitProps'.
  Property 'style' does not exist on type 'IntrinsicAttributes & LoaderKitProps'.

import React from 'react';
import { StyleSheet } from 'react-native';
import LoaderKit from 'react-native-loader-kit';

function Loader() {
  return (
    <LoaderKit
      style={styles.loader}
      name="BallSpinFadeLoader"
      size="50"
      color="#DD6000"
    />
  );
}

const styles = StyleSheet.create({
  loader: {
    height: 50,
    width: 50,
  },
});

export default Loader;

Error react-native-loader-kit:verifyReleaseResources

I am trying to copy the APK and I get an error from your project which is as follows:

> Task :react-native-loader-kit:verifyReleaseResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-loader-kit:verifyReleaseResources'.
> A failure occurred while executing com.android.build.gradle.tasks.VerifyLibraryResourcesTask$Action
   > Android resource linking failed

I have tried to change the build.gradle configuration but it still fails

compileDebugJavaWithJavac

Hi! Has anyone encountered this? It works fine on iOS, but on the Android emulator it gives an error when starting.

Execution failed for task ':tasks'.

Could not create task ':react-native-loader-kit:compileDebugJavaWithJavac'.
In order to compile Java 9+ source, please set compileSdkVersion to 30 or above

System:
OS: macOS 12.4
CPU: (4) x64 Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz
Memory: 244.80 MB / 16.00 GB
Shell:
version: 3.2.57
path: /bin/bash
Binaries:
Node:
version: 18.16.0
path: /usr/local/bin/node
Yarn:
version: 1.22.19
path: /usr/local/bin/yarn
npm:
version: 9.5.1
path: /usr/local/bin/npm
Watchman:
version: 2023.09.25.00
path: /usr/local/bin/watchman
Managers:
CocoaPods:
version: 1.12.1
path: /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 21.2
- iOS 15.2
- macOS 12.1
- tvOS 15.2
- watchOS 8.3
Android SDK: Not Found
IDEs:
Android Studio: 2022.3 AI-223.8836.35.2231.10671973
Xcode:
version: 13.2.1/13C100
path: /usr/bin/xcodebuild
Languages:
Java:
version: 11.0.20.1
path: /usr/bin/javac
Ruby:
version: 3.1.2
path: /Users/ruslan/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.4
wanted: 0.72.4
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false

Pacman 's eaten dots don't scale with height and width

So when you bump the height and width beyond 50, the small dot being eaten by pacman is rendered behind the body

the package "react-native-loader-kit" doesn't seem to be linked

On installing "react-native-loader-kit": "^2.0.5" on Expo SDK 48, getting the error on Expo Go

the package "react-native-loader-kit" doesn't seem to be linked. Make sure:
- You rebuilt the app after installing the package
- You are not using Expo managed workflow

Dependencies

"react-native-loader-kit": "^2.0.5",
"react": "18.2.0",
"react-native": "0.71.8",
"expo": "48.0.0"

Tried restarting the expo, even cleared cache with npx expo start --clear

Android: Release apk is not assembling on RN 0.69.5.

Hi. I like your package but it dont assemble on rn 0.69.5. I hope you fix it ASAP =)

Platform: Android.
Type apk: release
react-native version: 0.69.5

Error logs:

Task :react-native-loader-kit:verifyReleaseResources FAILED

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-loader-kit:verifyReleaseResources'.

A failure occurred while executing com.android.build.gradle.tasks.VerifyLibraryResourcesTask$Action
Android resource linking failed
ERROR:/Users/username/.gradle/caches/transforms-3/202e7efeda83537a7bfc0441b98822fe/transformed/core-1.7.0/res/values/values.xml:105:5-114:25: AAPT: error: resource android:attr/lStar not found.

• Try:

Run with --stacktrace option to get the stack trace.
Run with --info or --debug option to get more log output.
Run with --scan to get full insights.

• Get more help at https://help.gradle.org

Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

See https://docs.gradle.org/7.3.3/userguide/command_line_interface.html#sec:command_line_warnings

Execution optimizations have been disabled for 4 invalid unit(s) of work during this build to ensure correctness.
Please consult deprecation warnings for more details.

When building Android in React Native 0.73, I get error

After upgrading to RN 0.73, I keep getting this error when building for Android:

/node_modules/react-native-loader-kit/android/src/main/java/com/reactnativeloaderkit/LoaderKitViewManager.java:24: error: cannot find symbol
    AVLoadingIndicatorView avi = new AVLoadingIndicatorView(context, null, R.style.AVLoadingIndicatorView);
      symbol:   variable style
  location: class R

My package.json:
"react-native": "^0.73.4",
"react-native-loader-kit": "^2.0.5",

Could not HEAD 'https://www.jitpack.io/com/github/chenzj-king/AVLoadingIndicatorView/2.1.1/AVLoadingIndicatorView-2.1.1.pom'. Received status code 403 from server: Forbidden

Gradle: 8.0.1
AGPBI: {"kind":"warning","text":"Software Components will not be created automatically for Maven publishing from Android Gradle Plugin 8.0. To opt-in to the future behavior, set the Gradle property android.disableAutomaticComponentCreation=true in the gradle.properties file or use the new publishing DSL.","sources":[{}]}

FAILURE: Build failed with an exception.

• What went wrong:
  Could not determine the dependencies of task ':react-native-loader-kit:compileDebugAidl'.

Could not resolve all task dependencies for configuration ':react-native-loader-kit:debugCompileClasspath'.
Could not resolve com.github.chenzj-king:AVLoadingIndicatorView:2.1.1.
Required by:
project :react-native-loader-kit
> Could not resolve com.github.chenzj-king:AVLoadingIndicatorView:2.1.1.
> Could not get resource 'https://www.jitpack.io/com/github/chenzj-king/AVLoadingIndicatorView/2.1.1/AVLoadingIndicatorView-2.1.1.pom'.
> Could not HEAD 'https://www.jitpack.io/com/github/chenzj-king/AVLoadingIndicatorView/2.1.1/AVLoadingIndicatorView-2.1.1.pom'. Received status code 403 from server: Forbidden

• Try:

Run with --stacktrace option to get the stack trace.
Run with --info or --debug option to get more log output.
Run with --scan to get full insights.

• Get more help at https://help.gradle.org

'LoaderKit View' is not Fabric compatible yet.

Seems like I can't use it with enabled newArchEnabled?

"react-native": "0.72.6"
"react-native-loader-kit": "^2.0.5"

newArchEnabled=true
hermesEnabled=true

It fails to run react-native run-android with this dependency installed and doesn't work

This is the main part of the error log after running react-native run-android:

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:mergeDebugAssets'.

Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
Could not find com.wang.avi:library:2.1.3.
Searched in the following locations:
- file:/C:/Users/adria/Desktop/My-Projects/Recipient Roads/Recipient_Roads_Frontend/node_modules/react-native/android/com/wang/avi/library/2.1.3/library-2.1.3.pom
- file:/C:/Users/adria/Desktop/My-Projects/Recipient Roads/Recipient_Roads_Frontend/node_modules/jsc-android/dist/com/wang/avi/library/2.1.3/library-2.1.3.pom
- https://repo.maven.apache.org/maven2/com/wang/avi/library/2.1.3/library-2.1.3.pom
- https://dl.google.com/dl/android/maven2/com/wang/avi/library/2.1.3/library-2.1.3.pom
- https://www.jitpack.io/com/wang/avi/library/2.1.3/library-2.1.3.pom
Required by:
project :app > project :react-native-loader-kit

Thanks and please fix this issue.!.!.!.!

SWIFT_VERSION not specified

I get the following error when running pod install

[!] Unable to determine Swift version for the following pods:

• react-native-loader-kit does not specify a Swift version and none of the targets (Project) integrating it have the SWIFT_VERSION attribute set. Please contact the author or set the SWIFT_VERSION attribute in at least one of the targets that integrate this pod.