react-nativeflexboxflatlist
React Native FlatList Item with dynamic height and width
I have a screen in my design it will contain multiple images. Its looks like a gallery view. I need to display every item with dynamic width and height. please see the image.
Solution
This design pattern is called masonry grid layout. There're many packages that make those layouts.
You can try this https://github.com/hyochan/react-native-masonry-list
- compiling js failed react native expected buffer size
- What marks Firebase Cloud Messaging tokens as inactive?
- iOS Bundling failed: Error running an expo development build
- Got "is not a recognized Objective-C method" when bridging Swift to React-Native
- 'android.permission.QUERY_ALL_PACKAGES' was automatically added to the Manifest after upgrading packages
- How to parse animated values in react native?
- How to force React Native Animated.timing to use only integers?
- react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on iOS
- Unable to import in react-native project from symlink which resides in the react-native project itself
- Sentry on React Native: Building for iOS breaks with "property 'options' not found on object of type 'PrivateSentrySDKOnly'"
- Passing Object Using Expo Router
- Touchable Opacity onPressIn color change
- How to display the frames of several pictures as an animation on loop
- expo-modules-core:compileReleaseKotlin FAILED
- React native expo sqlite/next data is not showing in db file while file is open in DB Browser
- Profile header displayed in the 'Settings' tab instead of the settings header - React Native/Expo
- React-Navigation go to same route with different params
- nothing happens after react-native run-ios --device in react native
- Trouble with pod install of hermes engine on m1 mac
- dayjs with i18next set locale not working
- Can't get wifi info on Android 13
- When trying to add a dashed border style, getting "Unsupported dashed / dotted border style" iOS ONLY
- Error: EMFILE: too many open files - React Native CLI
- Change package name for Android in React Native
- TypeError: _API.default is not a constructor with Jest tests
- React Native Expo - How to add media controls on lock screen without ejecting?
- React Native FlatList Item with dynamic height and width
- How to open keyboard after clicking on search icon? (react-native)
- React native vector icons - dynamic type
- How to restart app (react native and expo)