Security News
38% of CISOs Fear They’re Not Moving Fast Enough on AI
CISOs are racing to adopt AI for cybersecurity, but hurdles in budgets and governance may leave some falling behind in the fight against cyber threats.
react-native-auto-height-image
Advanced tools
Initialized by vivaxy/gt-npm-package
This component provides you a simple way to load a remote image and automatically set Image
height to the image dimension which fits the provided width.
ReactNative Image
component needs users to set both width
and height
props.
yarn add react-native-auto-height-image
npm install react-native-auto-height-image
Use local or remote files:
import React, { Component } from 'react';
import AutoHeightImage from 'react-native-auto-height-image';
import image from 'gallifrey-falls.png';
export default class Demo extends Component {
render() {
return (
<View>
<AutoHeightImage
width={100}
source={image}
/>
<AutoHeightImage
width={100}
source={{uri: 'http://placehold.it/350x150'}}
/>
</View>
);
}
}
You can even specify fallback images for when the source fails to load:
import React, { Component } from 'react';
import AutoHeightImage from 'react-native-auto-height-image';
import image from 'gallifrey-falls.png';
export default class Demo extends Component {
render() {
return (
<AutoHeightImage
width={100}
source={{uri: 'https://vivaxy.github.io/404'}}
fallbackSource={image}
/>
);
}
}
name | type | isRequired | default | description |
---|---|---|---|---|
width | number | ✔ | N/A | image width to fit |
maxHeight | number | ✖ | Infinity | image max height |
source | number or object | ✔ | N/A | local (i.e. require/import) or remote image ({uri: '...'}) |
fallbackSource | number or object | ✖ | N/A | local (i.e. require/import) or remote image ({uri: '...'}) |
onHeightChange | func | ✖ | (height) => {} | called when updating image height, the argument height might be 0 |
animated | bool | ✖ | false | Use Animated.Image instead of Image |
Other image props except resizeMode
are accepted.
This project exists thanks to all the people who contribute. [Contribute].
Become a financial contributor and help us sustain our community. [Contribute]
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
FAQs
react-native auto height image
The npm package react-native-auto-height-image receives a total of 0 weekly downloads. As such, react-native-auto-height-image popularity was classified as not popular.
We found that react-native-auto-height-image demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISOs are racing to adopt AI for cybersecurity, but hurdles in budgets and governance may leave some falling behind in the fight against cyber threats.
Research
Security News
Socket researchers uncovered a backdoored typosquat of BoltDB in the Go ecosystem, exploiting Go Module Proxy caching to persist undetected for years.
Security News
Company News
Socket is joining TC54 to help develop standards for software supply chain security, contributing to the evolution of SBOMs, CycloneDX, and Package URL specifications.