react-native-image-collage 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -33
- package/package.json +35 -5
package/README.md
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
# react-native-image-collage
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/react-native-image-collage)
|
|
4
|
+
[](https://github.com/FaisalKhawaj/react-native-image-collage/issues)
|
|
5
|
+
|
|
3
6
|
An easy-to-use collage layout component for React Native — similar to how **Facebook / Instagram show images in a post**.
|
|
4
7
|
|
|
5
8
|
Supports **1 to N images**, automatic layouts, `+N` overflow badges, optional full-screen viewer, and works with **React Native CLI** and **Expo**.
|
|
@@ -35,7 +38,7 @@ yarn add react-native-image-collage
|
|
|
35
38
|
- [Props](#props)
|
|
36
39
|
- [Image input formats](#image-input-formats)
|
|
37
40
|
- [Exports](#exports)
|
|
38
|
-
- [
|
|
41
|
+
- [Contributing & issues](#contributing--issues)
|
|
39
42
|
- [License](#license)
|
|
40
43
|
|
|
41
44
|
---
|
|
@@ -521,41 +524,13 @@ import {
|
|
|
521
524
|
|
|
522
525
|
---
|
|
523
526
|
|
|
524
|
-
##
|
|
525
|
-
|
|
526
|
-
```bash
|
|
527
|
-
git clone <repo>
|
|
528
|
-
cd react-native-image-collage
|
|
529
|
-
npm install
|
|
530
|
-
npm run build
|
|
531
|
-
npm run typecheck
|
|
532
|
-
```
|
|
533
|
-
|
|
534
|
-
### Example app (manual testing)
|
|
527
|
+
## Contributing & issues
|
|
535
528
|
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
```bash
|
|
539
|
-
npm run example
|
|
540
|
-
# or
|
|
541
|
-
cd example && npm install && npx expo start
|
|
542
|
-
```
|
|
529
|
+
Found a bug or want to contribute? See the [contributing guide on GitHub](https://github.com/FaisalKhawaj/react-native-image-collage/blob/main/CONTRIBUTING.md) for local setup and the example app.
|
|
543
530
|
|
|
544
|
-
|
|
531
|
+
**Open an issue:** https://github.com/FaisalKhawaj/react-native-image-collage/issues/new/choose
|
|
545
532
|
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
```bash
|
|
549
|
-
cd example && npx expo start --clear
|
|
550
|
-
```
|
|
551
|
-
|
|
552
|
-
Ensure **Expo Go matches SDK 54** on your physical device.
|
|
553
|
-
|
|
554
|
-
### Link into another app
|
|
555
|
-
|
|
556
|
-
```bash
|
|
557
|
-
npm install /path/to/react-native-image-collage
|
|
558
|
-
```
|
|
533
|
+
When reporting a bug, include your React Native / Expo version, platform, and steps to reproduce.
|
|
559
534
|
|
|
560
535
|
---
|
|
561
536
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-image-collage",
|
|
3
|
-
"version": "0.2.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.2.2",
|
|
4
|
+
"description": "Facebook/Instagram-style responsive image collage layouts for React Native and Expo — multi-image grids, +N overflow badge, optional full-screen viewer",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"react-native": "src/index.ts",
|
|
@@ -35,14 +35,44 @@
|
|
|
35
35
|
},
|
|
36
36
|
"keywords": [
|
|
37
37
|
"react-native",
|
|
38
|
-
"
|
|
39
|
-
"collage",
|
|
38
|
+
"react-native-collage",
|
|
39
|
+
"image-collage",
|
|
40
|
+
"photo-collage",
|
|
41
|
+
"image-grid",
|
|
42
|
+
"photo-grid",
|
|
43
|
+
"image-layout",
|
|
44
|
+
"multi-image",
|
|
45
|
+
"image-gallery",
|
|
46
|
+
"photo-gallery",
|
|
40
47
|
"gallery",
|
|
41
48
|
"image-viewer",
|
|
42
|
-
"
|
|
49
|
+
"lightbox",
|
|
50
|
+
"mosaic",
|
|
51
|
+
"facebook-layout",
|
|
52
|
+
"instagram-layout",
|
|
53
|
+
"social-feed",
|
|
54
|
+
"feed-layout",
|
|
55
|
+
"expo",
|
|
56
|
+
"react-native-component",
|
|
57
|
+
"typescript",
|
|
58
|
+
"mobile",
|
|
59
|
+
"ios",
|
|
60
|
+
"android",
|
|
61
|
+
"ui",
|
|
62
|
+
"layout",
|
|
63
|
+
"responsive",
|
|
64
|
+
"collage"
|
|
43
65
|
],
|
|
44
66
|
"author": "Faisal Khawaj",
|
|
45
67
|
"license": "MIT",
|
|
68
|
+
"repository": {
|
|
69
|
+
"type": "git",
|
|
70
|
+
"url": "git+https://github.com/FaisalKhawaj/react-native-image-collage.git"
|
|
71
|
+
},
|
|
72
|
+
"bugs": {
|
|
73
|
+
"url": "https://github.com/FaisalKhawaj/react-native-image-collage/issues"
|
|
74
|
+
},
|
|
75
|
+
"homepage": "https://github.com/FaisalKhawaj/react-native-image-collage#readme",
|
|
46
76
|
"peerDependencies": {
|
|
47
77
|
"expo-image": ">=1.0.0",
|
|
48
78
|
"react": ">=18.0.0",
|