Data

Tools

Indexes

Applications

Experiments

Open Source Science

react-native-auto-height-image

🖼️React native auto height image

https://github.com/vivaxy/react-native-auto-height-image

Science Score: 54.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ✓
    .zenodo.json file
    Found .zenodo.json file
  • ○
    DOI references
  • ✓
    Academic publication links
    Links to: zenodo.org
  • ○
    Committers with academic emails
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (9.8%) to scientific vocabulary

Keywords

auto-height image react react-native

Keywords from Contributors

gym-environments robustness transformation gans generative-model mesh interpretability sequences interactive hacking
Last synced: 6 months ago · JSON representation ·

Repository

🖼️React native auto height image

Basic Info
Statistics
  • Stars: 345
  • Watchers: 8
  • Forks: 77
  • Open Issues: 14
  • Releases: 1
Topics
auto-height image react react-native
Created almost 9 years ago · Last pushed over 1 year ago
Metadata Files
Readme Changelog Contributing Funding License Citation

README.md

react-native-auto-height-image

Initialized by vivaxy/gt-npm-package

NPM Version NPM Downloads MIT License Conventional Commits Financial Contributors on Open Collective Maintainers Wanted DOI

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.

React Native Image component needs users to set both width and height props.

React Native version requirements: >=0.46.

Installation

yarn add react-native-auto-height-image

npm install react-native-auto-height-image

Usage

Use local or remote files:

```js 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={image}
    />

    <AutoHeightImage
      width={100}
      source={{uri: 'http://placehold.it/350x150'}}
    />

  </View>
);

} } ```

You can even specify fallback images for when the source fails to load:

```js 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 ( ); } } ```

Props

| 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.

Change Log

Change log

Contributing

Contributing

Licence

MIT

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Related Projects

Owner

  • Name: vivaxy
  • Login: vivaxy
  • Kind: user
  • Location: Shanghai

Citation (CITATION.cff) 

cff-version: 1.1.0
message: "If you use this software, please cite it as below."
authors:
  - family-names: Xu
    given-names: Ye
    orcid: https://doi.org/10.5281/zenodo.7813210
title: vivaxy/react-native-auto-height-image
version: v3.2.4
date-released: 2023-04-10

GitHub Events

Total
  • Issues event: 1
  • Watch event: 8
  • Issue comment event: 4
  • Pull request review event: 2
  • Pull request review comment event: 2
  • Pull request event: 1
  • Fork event: 1
Last Year
  • Issues event: 1
  • Watch event: 8
  • Issue comment event: 4
  • Pull request review event: 2
  • Pull request review comment event: 2
  • Pull request event: 1
  • Fork event: 1

Committers

Last synced: 8 months ago

All Time
  • Total Commits: 201
  • Total Committers: 19
  • Avg Commits per committer: 10.579
  • Development Distribution Score (DDS): 0.507
Past Year
  • Commits: 1
  • Committers: 1
  • Avg Commits per committer: 1.0
  • Development Distribution Score (DDS): 0.0
Top Committers
Name Email Commits
vivaxy x****7@1****m 99
Renovate Bot b****t@r****m 32
dependabot[bot] 4****] 31
Tom Bailey t****1@h****k 12
Michael Krasnov m****v@g****m 6
soniacomp s****c@n****m 4
yum650350 y****0@g****m 3
Dmitry Kulikov d****y@b****l 2
Jess j****r@g****m 2
Alex Naiman a****4@g****m 1
Alexandr n****r@g****m 1
Daniel d****r@g****e 1
Duncan Ogilvie m****t@g****m 1
Emerson Laurentino e****o@h****m 1
Sankaran Kaliappan m****l@s****n 1
Michał Zdunek m****3 1
Matt Hamil m****l 1
levi serebryanski l****i@s****m 1
taneba t****a@g****m 1
Committer Domains (Top 20 + Academic)
shopkeep.com: 1 sankarank.in: 1 gmx.de: 1 brainway.co.il: 1 naver.com: 1 hotmail.co.uk: 1 renovateapp.com: 1 126.com: 1

Issues and Pull Requests

Last synced: 6 months ago

All Time
  • Total issues: 22
  • Total pull requests: 80
  • Average time to close issues: 2 months
  • Average time to close pull requests: 18 days
  • Total issue authors: 22
  • Total pull request authors: 14
  • Average comments per issue: 2.5
  • Average comments per pull request: 0.29
  • Merged pull requests: 72
  • Bot issues: 1
  • Bot pull requests: 64
Past Year
  • Issues: 1
  • Pull requests: 1
  • Average time to close issues: N/A
  • Average time to close pull requests: N/A
  • Issue authors: 1
  • Pull request authors: 1
  • Average comments per issue: 4.0
  • Average comments per pull request: 0.0
  • Merged pull requests: 0
  • Bot issues: 0
  • Bot pull requests: 0
View more stats
Top Authors
Issue Authors
  • slorber (1)
  • tomLadder (1)
  • tomas223 (1)
  • papmodern (1)
  • EmpireJones (1)
  • rock288 (1)
  • r3dm1ke (1)
  • alancwoo (1)
  • vivaxy (1)
  • Haseeba393 (1)
  • amrlabib (1)
  • tomashornak (1)
  • arasrezaei (1)
  • alantoa (1)
  • xgenem (1)
Pull Request Authors
  • renovate[bot] (36)
  • dependabot[bot] (28)
  • rnike (3)
  • r3dm1ke (2)
  • monkeywithacupcake (2)
  • sbaiahmed1 (1)
  • mrexodia (1)
  • taneba (1)
  • linwenchao (1)
  • alexnaiman (1)
  • dan-lee (1)
  • mzdunek93 (1)
  • vivaxy (1)
  • SoniaComp (1)
Top Labels
Issue Labels
help wanted (7) enhancement (6) bug (2) dependencies (1)
Pull Request Labels
dependencies (28)

Packages

  • Total packages: 4
  • Total downloads:
    • npm 25,927 last-month
  • Total dependent packages: 29
    (may contain duplicates)
  • Total dependent repositories: 290
    (may contain duplicates)
  • Total versions: 36
  • Total maintainers: 4
npmjs.org: react-native-auto-height-image

react-native auto height image

  • Versions: 30
  • Dependent Packages: 26
  • Dependent Repositories: 290
  • Downloads: 25,920 Last month
Rankings
Dependent repos count: 1.0%
Dependent packages count: 1.1%
Downloads: 1.3%
Average: 2.1%
Forks count: 3.5%
Stargazers count: 3.6%
Maintainers (1)
vivaxy
Last synced: 6 months ago
npmjs.org: react-native-auto-height-image-expo

react-native auto height image

  • Versions: 3
  • Dependent Packages: 2
  • Dependent Repositories: 0
  • Downloads: 6 Last month
Rankings
Forks count: 4.4%
Stargazers count: 4.5%
Dependent packages count: 9.5%
Average: 12.8%
Downloads: 20.4%
Dependent repos count: 25.3%
Maintainers (1)
isudaji
Last synced: 6 months ago
npmjs.org: @ducdh-origin/react-native-auto-height-image

react-native auto height image

  • Versions: 1
  • Dependent Packages: 1
  • Dependent Repositories: 0
  • Downloads: 1 Last month
Rankings
Forks count: 4.2%
Stargazers count: 4.2%
Dependent packages count: 16.2%
Average: 18.0%
Dependent repos count: 25.3%
Downloads: 40.0%
Maintainers (1)
ducdh-origin
Last synced: 6 months ago
npmjs.org: @koffeekat/react-native-auto-height-image

react-native auto height image

  • Versions: 2
  • Dependent Packages: 0
  • Dependent Repositories: 0
  • Downloads: 0 Last month
Rankings
Downloads: 12.9%
Average: 26.3%
Dependent repos count: 26.9%
Dependent packages count: 39.0%
Maintainers (1)
koffeekat
Last synced: 6 months ago

Dependencies

ExampleApp/package.json npm
  • babel-preset-expo ^8.0.0 development
  • expo ~41.0.0
  • react 17.0.2
  • react-dom 17.0.2
  • react-native https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz
  • react-native-auto-height-image file:..
  • react-native-web ~0.16.0
ExampleApp/yarn.lock npm
  • 935 dependencies
package.json npm
  • @commitlint/cli ^12.0.0 development
  • @commitlint/config-conventional ^12.0.0 development
  • husky 6 development
  • lint-staged ^11.0.0 development
  • pinst ^2.1.4 development
  • prettier ^2.0.0 development
  • react ^17.0.0 development
  • react-native ^0.64.0 development
  • standard-version ^9.0.0 development
  • prop-types ^15.7.2
yarn.lock npm
  • 879 dependencies