GITHUB SNAPSHOT

ascoders/react-native-image-viewer

TopGit repo profile for ascoders/react-native-image-viewer, with GitHub repository stats and README context.

Stars

★ 2.4k

Forks

⑂ 571

Language

TypeScript

Topic

Mobile

License

MIT

Updated

4.9y ago

Contributors

—

Homepage

—

View on GitHub ↗

QUICK VERDICT

TopGit tracks ascoders/react-native-image-viewer on GitHub as part of the Mobile family. The project has 2.4k stars. 🚀 tiny & fast lib for react native image viewer pan and zoom

Snapshot summary built from the project's own GitHub metadata — there's no written TopGit review yet. The page will update automatically when a full review is published.

WHY NO REVIEW YET

TopGit writes full reviews for the most-starred, most-requested repositories. This page is a snapshot until then — see the READ ME tab for the original README in full.

Snapshot

Stars★ 2.4k

Forks⑂ 571

LanguageTypeScript

TopicMobile

LicenseMIT

Homepage—

Read our review methodology ↗

Top contributors

Show top contributors

Top 21 contributors to ascoders/react-native-image-viewer

parameter	type	required	description	default
imageUrls	array	yes	Image Source
enableImageZoom	boolean	no	Enable image zoom	`true`
onShowModal	function `(content?: JSX.Element) => void`	no	The callback for show modal	`() => {}`
onCancel	function `() => void`	no	The callback for cancel modal	`() => {}`
flipThreshold	number	no	Swipe threshold of the next page	`80`
maxOverflow	number	no	The X position maximum, that current page can slide to the next page	`300`
index	number	no	Init index of images	`0`
failImageSource	string, object `{url: string}`	no	placeholder for fail	`''`
loadingRender	function `() => React.ReactElement<any>`	no	placeholder for loading	`() => null`
onSaveToCamera	function `(index?: number => void`	no	The callback for save to camera	`() => {}`
onChange	function `(index?: number => void`	no	When the image changed	`() => {}`
onMove	( position: IOnMove )=>void	reports movement position data (helpful to build overlays)	()=> {}
saveToLocalByLongPress	boolean	no	Enable save to camera when long press	`true`
onClick	function `(onCancel?: function) => void`	no	Onclick	`(onCancel) => {onCancel()}`
onDoubleClick	function `(onCancel?: function) => void`	no	OnDoubleClick	`(onCancel) => {onCancel()}`
onSave	function `(url: string) => void`	no	The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface
renderHeader	function `(currentIndex?: number) => React.ReactElement<any>`	no	Custom header	`() => null`
renderFooter	function `(currentIndex?: number) => React.ReactElement<any>`	no	Custom footer	`() => null`
renderIndicator	function `(currentIndex?: number, allSize?) => React.ReactElement<any>`: number	no	Custom indicator	`(currentIndex, allSize) => currentIndex + "/" + allSize`
renderImage	function `(props: any) => React.ReactElement<any>`	no	Custom image component	`(props) => <Image {...props} />`
renderArrowLeft	function `() => React.ReactElement<any>`	no	Custom left arrow	`() => null`
renderArrowRight	function `() => React.ReactElement<any>`	no	Custom right arrow	`() => null`
onSwipeDown	function `() => void`	no	Callback for swipe down	`() => null`
footerContainerStyle	object `{someStyle: someValue}`	no	custom style props for container that will be holding your footer that you pass	`bottom: 0, position: "absolute", zIndex: 9999`
backgroundColor	string `white`	no	Component background color	`black`
enableSwipeDown	boolean	no	Enable swipe down to close image viewer. When swipe down, will trigger onCancel.	`false`
swipeDownThreshold	number	no	Threshold for firing swipe down function
doubleClickInterval	number	no	Double click interval.
pageAnimateTime	number	no	Set the animation time for page flipping.	`100`
enablePreload	boolean	no	Preload the next image	`false`
useNativeDriver	boolean	no	Whether to animate using `useNativeDriver`	`false`
menus	function `({cancel,saveToLocal}) => React.ReactElement<any>`	no	Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera
menuContext	object `{someKey: someValue}`	no	Custom menu context.	`{ saveToLocal: 'save to the album', cancel: 'cancel' }`

Related repositories

FREQUENTLY ASKED

Quick answers

How active is development on ascoders/react-native-image-viewer?

The most recent commit recorded on ascoders/react-native-image-viewer was 4.9 years ago, based on the GitHub push timestamp. The repository has 571 forks — one of the better signals of community interest.

How many stars does ascoders/react-native-image-viewer have?

ascoders/react-native-image-viewer has 2.4k GitHub stars — refresh the page for the live number, or check github.com/ascoders/react-native-image-viewer. TopGit mirrors GitHub's count but does not claim minute-by-minute accuracy.

Is ascoders/react-native-image-viewer open source?

Yes — ascoders/react-native-image-viewer ships under the MIT license, which makes its source code freely readable (and, depending on license terms, forkable and reusable). Source: github.com/ascoders/react-native-image-viewer.

What else is in the Mobile space?

ascoders/react-native-image-viewer is tracked by TopGit under the Mobile category, alongside 3 GitHub-tagged topics. Trending and Topics pages list peer repositories of comparable stars and language.

What is ascoders/react-native-image-viewer?

ascoders/react-native-image-viewer (ascoders/react-native-image-viewer) is a TypeScript project on GitHub. From the project's own README: 🚀 tiny & fast lib for react native image viewer pan and zoom

What language is ascoders/react-native-image-viewer written in?

ascoders/react-native-image-viewer is written primarily in TypeScript. GitHub's language field is based on the largest share of bytes in the default branch.

What license does ascoders/react-native-image-viewer use?

ascoders/react-native-image-viewer is released under the MIT license. Always verify the LICENSE file directly on GitHub for the authoritative terms — license strings can be edited out of sync with a project's actual stance.

Where do I read more about ascoders/react-native-image-viewer?

This TopGit page is a snapshot — the READ ME tab shows the project's own README content (links stripped, images preserved). The GitHub repository at github.com/ascoders/react-native-image-viewer is the definitive source.

Read full README in the tab above.

ascoders/react-native-image-viewer

Snapshot

Top contributors

Show Cases

Getting Started

Installation

Basic Usage

Props

Development pattern

Step 1, run TS listener

Step 2, run demo

Dependence

Related repositories

Quick answers