candlefinance / faster-image Goto Github PK
View Code? Open in Web Editor NEWFast image loading for React Native backed by performant native libraries.
Home Page: https://candle.fi
License: MIT License
Fast image loading for React Native backed by performant native libraries.
Home Page: https://candle.fi
License: MIT License
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?
Both FastImage and Expo Image supports "tint", i.e. changing the color tint of an image. Any plans to support that?
<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
Hey,
Thought I would let you know I can't seem to load the readme video.
Hey. Thanks for promptly responding to the previous report. Found a couple more issues on android.
resizeMode
not reflected and defaults to "contain"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.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.
Is it possible to set the aspect ratio for an image?
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!
Thank you for this lib, are there any plans to add accessibility support?
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
Implement the Android side of loading an image async.
After upgrading from 1.3.4 to 1.4.1, I consistently get this redbox error:
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.