You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

react-native-thumbnail-selector

Package Overview
Dependencies
Maintainers
1
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-thumbnail-selector - npm Package Compare versions

Comparing version

to
5.0.1

.eslintignore

7

package.json
{
"name": "react-native-thumbnail-selector",
"version": "5.0.0",
"version": "5.0.1",
"description": "A thumbnail selector.",
"main": "ThumbnailSelector.js",
"main": "ThumbnailSelector.tsx",
"scripts": {

@@ -35,2 +35,3 @@ "test": "npx jest",

"@jest/globals": "29.5.0",
"@react-native-community/eslint-config": "3.2.0",
"@testing-library/jest-native": "5.4.2",

@@ -43,4 +44,6 @@ "@testing-library/react-native": "12.0.0",

"babel-jest": "29.5.0",
"eslint": "8.36.0",
"jest": "29.5.0",
"metro-react-native-babel-preset": "0.73.7",
"prettier": "2.8.7",
"react": "18.2.0",

@@ -47,0 +50,0 @@ "react-native": "0.71.3",

@@ -26,4 +26,4 @@ # react-native-thumbnail-selector

| react version | react-native version | package version | reason |
| :-----------: | :------------------: | :-------------: | -------------------------------------------- |
| react version | react-native version | package version | reason |
| :-----------: | :------------------: | :-------------: | ---------------------------------------------- |
| v16.8.0 | v0.61.0 | >=3.0.0 | React hooks and usage of `useWindowDimensions` |

@@ -37,18 +37,17 @@

```tsx
import React from "react";
import ThumbnailSelector from "react-native-thumbnail-selector";
```javascript
import ThumbnailSelector from 'react-native-thumbnail-selector';
const thumbnails = [
{
caption: "react-native",
imageSrc: { uri: "https://reactnative.dev/img/tiny_logo.png" },
caption: 'react-native',
imageSrc: {uri: 'https://reactnative.dev/img/tiny_logo.png'},
},
{
caption: "Dolore do magna ullamco nisi quis.",
imageSrc: { uri: "https://reactnative.dev/img/tiny_logo.png" },
caption: 'Dolore do magna ullamco nisi quis.',
imageSrc: {uri: 'https://reactnative.dev/img/tiny_logo.png'},
},
];
function Example(): JSX.Element {
function Example() {
// use toggle to show and hide ThumbnailSelector

@@ -60,3 +59,3 @@ let toggle = () => {};

thumbnails={thumbnails}
toggle={(func) => (toggle = func)}
toggle={func => (toggle = func)}
/>

@@ -63,0 +62,0 @@ );