Giter VIP home page Giter VIP logo

candlefinance / faster-image Goto Github PK

View Code? Open in Web Editor NEW
417.0 6.0 16.0 2.02 MB

Fast image loading for React Native backed by performant native libraries.

Home Page: https://candle.fi

License: MIT License

Kotlin 3.85% JavaScript 0.35% Ruby 0.83% Java 1.40% C 0.02% Objective-C 0.50% Objective-C++ 0.22% Swift 89.59% TypeScript 3.25%
image nuke react-native activityindicator transition coil coil-kotlin cache

faster-image's People

Contributors

gtokman avatar karrthik-arya avatar muescha avatar relaxxpls avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

faster-image's Issues

Setting border radius just on top corners

I am trying to set border radius on top but it's not working

`
<FasterImageView
source={{
url: meme.image,
resizeMode: 'contain',
}}
style={{
...styles.image,
borderTopLeftRadius: 10 ,
borderTopRightRadius: 10,
}}
/>

`

is it possible to add borderRadius just on top or just bottom?

feature request: tint

Both FastImage and Expo Image supports "tint", i.e. changing the color tint of an image. Any plans to support that?

`resizeMode` is having no effect (iOS) and image is stretched by default.

Screenshot 2024-03-15 at 1 56 09 PM

<FasterImageView source={{ resizeMode: 'cover', url: entry?.image, transitionDuration: 0.2, }} style={{ width: Dimensions.get('window').width, height: 300, }} />

version -> "@candlefinance/faster-image": "^1.3.3"

hello. loving this library and considering adding this to our project but it appears as though the resizeMode prop is having no effect. we want to set it to "cover" but nothing is happening. screenshot is from an iOS simulator running on debug mode

resizeMode and borderRadius inconsistencies on Android

Hey. Thanks for promptly responding to the previous report. Found a couple more issues on android.

  1. resizeMode not reflected and defaults to "contain"
Screenshot 2024-03-16 at 8 14 16 AM
  1. borderRadius value doesn't match the React Native values (this is only on android as well). I have added a border radius of 10 on both the image an the view wrapping it. Added a border line in red to emphasise.
Screenshot 2024-03-16 at 8 17 12 AM

Comparison with Expo Image and FastImage?

The package looks great! Nice to see someone picking up the void from the unmaintained FastImage!

However - One thing I'm missing in the docs is a comparison between FastImage (since it has a lot of users), and the more recent Expo Image. It would make it easier to understand why/when to pick one over the other.

Aspect Ratio

Is it possible to set the aspect ratio for an image?

resizemode and borderRadius not working

I switch from expo-image to this component. Performance is good, but I cannot change the resizeMode of my image. I stuck at "strech" mode event I change to "contain".

And borderRadius in style is not working, too.

Please help. Thanks!

Can not run pod-install

I would like to try this library to increase our application

I followed the document just run: yarn add @candlefinance/faster-image but then when I ran our app, I got the error:
"requireNativeComponent: "FasterImageView" was not found in the UIManager."
So, I tried to run npx pod-install, and also pod install but I got another error:
"cocoaPods could not find compatible versions for pod "FasterImage":
In Podfile:
FasterImage (from ../node_modules/@candlefinance/faster-image)

Specs satisfying the FasterImage (from ../node_modules/@candlefinance/faster-image) dependency were found, but they required a higher minimum deployment target."

Then, I edited our Podfile with the current minimum_targer from "12.4" to "13.0" (follow platforms in your library podspec) but the error still stays.

Please help me in this situation. I want to try your library to increase our application performance. Thanks

android: Error while updating property 'source' of a view manage by: FasterImageView null null

After upgrading from 1.3.4 to 1.4.1, I consistently get this redbox error:

image

I made sure to gradlew clean and then tried to narrow down all of the source references by hardcoding to a well known public url and removing styling, but no luck.

v1.3.4 was working well, just needed your fix for borderRadius ๐Ÿ‘

Thanks for providing an alternative to the dead react-native-fast-image!

โฏ npx react-native info
info Fetching system and libraries information...
System:
  OS: macOS 13.6.4
  CPU: (10) arm64 Apple M1 Max
  Memory: 100.41 MB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.12.0
    path: ~/.nvm/versions/node/v20.12.0/bin/node
  Yarn:
    version: 1.22.19
    path: ~/.nvm/versions/node/v20.12.0/bin/yarn
  npm:
    version: 10.5.0
    path: ~/.nvm/versions/node/v20.12.0/bin/npm
  Watchman:
    version: 2024.01.22.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.2
      - iOS 17.2
      - macOS 14.2
      - tvOS 17.2
      - watchOS 10.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2022.3 AI-223.8836.35.2231.10811636
  Xcode:
    version: 15.1/15C65
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 11.0.22
    path: /usr/bin/javac
  Ruby:
    version: 2.7.7
    path: /Users/jamesholcomb/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.72.7
    wanted: 0.72.7
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.