React Native Lightbox

Todo

pinch to zoom
web support
photo gallery
tap to close

Installation

First you have to follow installation instructions of Reanimated v2 and react-native-gesture-handler v2

npm install @alantoa/lightbox

Usage

import { LightBoxProvider, LightBox } from '@alantoa/lightbox';
import { StyleSheet, Image, Dimensions } from 'react-native';
import * as React from 'react';

const { width } = Dimensions.get('window');

export default function App() {
  return (
    <LightBoxProvider>
      <LightBox
        width={width / 3}
        height={width / 3}
        imgLayout={{ width, height: width }}
      >
        <Image
          source={{
            uri: uri,
          }}
          style={StyleSheet.absoluteFillObject}
        />
      </LightBox>
    </LightBoxProvider>
  );
}

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Bumps react-native from 0.63.4 to 0.64.1.

Release notes

Sourced from react-native's releases.

v0.64.1

This patch release is specifically targetted towards fixing iOS build problems in Xcode 12.5. If it doesn't help, please refer to this issue.

Aside from bumping your version from 0.64.0 to 0.64.1, please check your podfile.lock and make sure that Flipper is on 0.75 or higher, and Flipper-Folly is 2.5.3 or higher; if not, add this line to your podfile (or modify it if you already had it):
use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
After which, do all the classic necessary cleans (node_modules, caches, pod folders, etc)(react-native-clean-project is your ally) then do yarn install and a pod install --repo-update (if pod install fails on an error about a Flipper package, just remove the relevant lines from the podfile.lock and run the pod install again).

The only other commit picked & released along the Xcode 12.5 fixes is:

Update validateBaseUrl to use latest regex (commit) which fixes CVE-2020-1920, GHSL-2020-293.

You can participate in the conversation on the status of this release at this issue.

To help you upgrade to this version, you can use the upgrade helper ⚛️

You can find the whole changelog history over at react-native-releases.

v0.64.0

0.64 stable is here 🎉

Thanks to everyone who contributed and helped to get this together, everyone worked really hard and we hope you are as excited as we are 🤗

Some of the most important highlights of this version:

Hermes opt-in on iOS

Inline Requires enabled by default

React 17

Among many others - please refer to the blog post for more details.

You can participate in the conversation on the status of this release at this issue.

You can upgrade to this version using the upgrade helper webtool ⚛️ And if you are having trouble, please refer to the new Upgrade Support repository by our awesome community.

... (truncated)

Changelog

Sourced from react-native's changelog.

v0.64.1

Fixed

iOS specific

Fixes to ensure Xcode 12.5 builds (cf8a364767, 1c4ac48a55 and 76f45d35e7 by @kelset)

Security

Update validateBaseUrl to use latest regex (33ef82ce6d by @FBNeal)

v0.64.0

Breaking

Enable inlineRequires by default in new projects' metro.config.js. Gives a performance benefit but slightly different JS execution order (959365a902 by @GantMan)

Minimum supported Node version changed to 12 (4b92e2e53d by @safaiyeh)

Remove deprecated CameraRoll API (deprecated in 0.61) (824d3a9770 by @seanyusa)

Remove deprecated CheckBox component (deprecated in 0.60) (dff17effe5 by @poteto)

Removed DEPRECATED_sendUpdatedChildFrames prop from ScrollView component (deprecated in 0.47) (345d0c1abb by @ZHUANGPP)

On Image, onLoad event objects' source.url is now renamed to source.uri. (74ab8f6e5a by @yungsters)

Android specific

Remove support of Android API levels 16 through 20. The new minSDK version will be 21+ moving forward. (973198667d, 25a40cbc61, f829722b54, b133427778, 9b34aa261c, and 79d0a7d711 by @mdvacca; 49f10fd2e5 and a17ff44adc by @JoshuaGross; dd4298a377 by @safaiyeh)

Fix ReadableArray null annotations. Possibly breaking change for Kotlin apps. (d76556543f by @dulmandakh)

On Image, onLoad and onError event objects will no longer have an extra uri property. (74ab8f6e5a by @yungsters)

Deletes the method PlayTouchSound method from UIManagerModule, this method was moved to the SoundManagerModule class. (d0c4c5eaf9 by @mdvacca)

iOS specific

Remove calculateChildFrames from RCTScrollView (62aa84a325 by @PeteTheHeat)

Deprecated

Android specific

Deprecated method UIManagerModule.getUIImplementation. This method will not be part of the new architecture of React Native. (fe79abb32c by @mdvacca)

Added

Adds the Hermes runtime bytecode version number to the JS bundle requestURL. This allows Metro with Bytecode to work with prebuilt binaries. (34c405462f)

TextInput now supports onPressIn and onPressOut. (b7b0e23202 by @yungsters)

Allow setting a custom performance logger in XMLHttpRequest (57b10f759e by @rubennorte)

Add mock for DevSettings to jest preset (a50f736bb6 by @MarcoScabbiolo)

Added Inspector overlay support for Pressable (8ac467c51b by @yungsters)

Introduce NativeModulePerfLogger (0486640571 by @RSNara)

Add default titlePlaceholder in template configuration. (8ffa180d80 by @Esemesek)

Modified renderApplication to forward initialProps to WrapperComponent (4f5a092bf6 by @rubennorte)

... (truncated)

Commits

787567a [0.64.1] Bump version numbers
cf8a364 [local] change post-install to patch RTC-Folly
1c4ac48 [local] yarn lock update (?)
76f45d3 [local] update RNTester files for 0.64
3912fef Update validateBaseUrl to use latest regex
ace025d [0.64.0] Bump version numbers
728d55a Fixing the git attrs for all the people and all the files and all future 🙌
8a6ac1f chore: Update React.podspec to require cocoapods >= 1.10.1
138fdbc fix: restore refresh control fix
7f3f80f Fix RefreshControl layout when removed from window (#31024)
Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
@dependabot use these labels will set the current labels as the default for future PRs for this repo and language
@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies

Isolated React component development environment with a living style guide

Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded

Jan 5, 2023

Markdown component for React

react-markdown Markdown component for React using remark. Learn markdown here and check out the demo here. Install npm: npm install react-markdown Why

Jan 4, 2023

React draggable component

React-Draggable A simple component for making elements draggable. Draggable divI can now be moved around!/div /Draggable Demo Changelog Vers

A React Component library implementing the Base design language

Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us

Dec 29, 2022

Accessible modal dialog component for React

react-modal Accessible modal dialog component for React.JS Table of Contents Installation API documentation Examples Demos Installation To install, yo

Jan 1, 2023

A small component based app library composing user interfaces and apps.

See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you

Nov 16, 2022

JavaScript UI Component Library

Fancyapps UI Collection of task-oriented components that will make you more productive. Packed full of features that you and your clients will love. F

Dec 24, 2022

A Vue.js popover component based on PopperJS

vue3-popper A popover component for Vue 3 Documentation Check out the documentation Getting started Usage Install NPM npm install vue3-popper Yarn yar

Dec 30, 2022

To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them 🚀

Slinkity 🚧 This project is heavily under construction! 🚧 As excited as you may be, we don't recommend this early alpha for production use. Still, gi

Dec 27, 2022

chore(deps-dev): bump react-native from 0.63.4 to 0.64.1
Bumps react-native from 0.63.4 to 0.64.1.

Release notes

Sourced from react-native's releases.

v0.64.1

This patch release is specifically targetted towards fixing iOS build problems in Xcode 12.5. If it doesn't help, please refer to this issue.

Aside from bumping your version from 0.64.0 to 0.64.1, please check your podfile.lock and make sure that Flipper is on 0.75 or higher, and Flipper-Folly is 2.5.3 or higher; if not, add this line to your podfile (or modify it if you already had it):

use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')

After which, do all the classic necessary cleans (node_modules, caches, pod folders, etc)(react-native-clean-project is your ally) then do yarn install and a pod install --repo-update (if pod install fails on an error about a Flipper package, just remove the relevant lines from the podfile.lock and run the pod install again).

The only other commit picked & released along the Xcode 12.5 fixes is:

Update validateBaseUrl to use latest regex (commit) which fixes CVE-2020-1920, GHSL-2020-293.

You can participate in the conversation on the status of this release at this issue.

To help you upgrade to this version, you can use the upgrade helper ⚛️

You can find the whole changelog history over at react-native-releases.

v0.64.0

0.64 stable is here 🎉

Thanks to everyone who contributed and helped to get this together, everyone worked really hard and we hope you are as excited as we are 🤗

Some of the most important highlights of this version:

Hermes opt-in on iOS

Inline Requires enabled by default

React 17

Among many others - please refer to the blog post for more details.

You can participate in the conversation on the status of this release at this issue.

You can upgrade to this version using the upgrade helper webtool ⚛️ And if you are having trouble, please refer to the new Upgrade Support repository by our awesome community.

... (truncated)

Changelog

Sourced from react-native's changelog.

v0.64.1

Fixed

iOS specific

Fixes to ensure Xcode 12.5 builds (cf8a364767, 1c4ac48a55 and 76f45d35e7 by @kelset)

Security

Update validateBaseUrl to use latest regex (33ef82ce6d by @FBNeal)

v0.64.0

Breaking

Enable inlineRequires by default in new projects' metro.config.js. Gives a performance benefit but slightly different JS execution order (959365a902 by @GantMan)

Minimum supported Node version changed to 12 (4b92e2e53d by @safaiyeh)

Remove deprecated CameraRoll API (deprecated in 0.61) (824d3a9770 by @seanyusa)

Remove deprecated CheckBox component (deprecated in 0.60) (dff17effe5 by @poteto)

Removed DEPRECATED_sendUpdatedChildFrames prop from ScrollView component (deprecated in 0.47) (345d0c1abb by @ZHUANGPP)

On Image, onLoad event objects' source.url is now renamed to source.uri. (74ab8f6e5a by @yungsters)

Android specific

Remove support of Android API levels 16 through 20. The new minSDK version will be 21+ moving forward. (973198667d, 25a40cbc61, f829722b54, b133427778, 9b34aa261c, and 79d0a7d711 by @mdvacca; 49f10fd2e5 and a17ff44adc by @JoshuaGross; dd4298a377 by @safaiyeh)

Fix ReadableArray null annotations. Possibly breaking change for Kotlin apps. (d76556543f by @dulmandakh)

On Image, onLoad and onError event objects will no longer have an extra uri property. (74ab8f6e5a by @yungsters)

Deletes the method PlayTouchSound method from UIManagerModule, this method was moved to the SoundManagerModule class. (d0c4c5eaf9 by @mdvacca)

iOS specific

Remove calculateChildFrames from RCTScrollView (62aa84a325 by @PeteTheHeat)

Deprecated

Android specific

Deprecated method UIManagerModule.getUIImplementation. This method will not be part of the new architecture of React Native. (fe79abb32c by @mdvacca)

Added

Adds the Hermes runtime bytecode version number to the JS bundle requestURL. This allows Metro with Bytecode to work with prebuilt binaries. (34c405462f)

TextInput now supports onPressIn and onPressOut. (b7b0e23202 by @yungsters)

Allow setting a custom performance logger in XMLHttpRequest (57b10f759e by @rubennorte)

Add mock for DevSettings to jest preset (a50f736bb6 by @MarcoScabbiolo)

Added Inspector overlay support for Pressable (8ac467c51b by @yungsters)

Introduce NativeModulePerfLogger (0486640571 by @RSNara)

Add default titlePlaceholder in template configuration. (8ffa180d80 by @Esemesek)

Modified renderApplication to forward initialProps to WrapperComponent (4f5a092bf6 by @rubennorte)

... (truncated)

Commits

787567a [0.64.1] Bump version numbers

cf8a364 [local] change post-install to patch RTC-Folly

1c4ac48 [local] yarn lock update (?)

76f45d3 [local] update RNTester files for 0.64

3912fef Update validateBaseUrl to use latest regex

ace025d [0.64.0] Bump version numbers

728d55a Fixing the git attrs for all the people and all the files and all future 🙌

8a6ac1f chore: Update React.podspec to require cocoapods >= 1.10.1

138fdbc fix: restore refresh control fix

7f3f80f Fix RefreshControl layout when removed from window (#31024)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0