79619

Is there a way to make layout like Android StaggeredGridView using react-native in iOS

Question:

Android StaggeredGridLayout allows you to layout cards in columns with different height, like how Pinterest does. Is this possible using React-native on iOS?

Answer1:

This is definitely possible. Have a look at <a href="https://github.com/xudafeng/autoresponsive_react_native_sample" rel="nofollow">https://github.com/xudafeng/autoresponsive_react_native_sample</a>

<a href="https://i.stack.imgur.com/Ju24gm.png" rel="nofollow"><img alt="pinterest like layout" class="b-lazy" data-src="https://i.stack.imgur.com/Ju24gm.png" data-original="https://i.stack.imgur.com/Ju24gm.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" /></a>

Recommend

  • Sharing buttons in Magnific Popup
  • Twitter Sign in page always showing
  • Pass an image to Pinterest when creating a pin?
  • Pinterest like ajax loading
  • How to read CSV into React Native State Array?
  • OnsenUI loads page in text, via a splitter
  • How do I transfer .apk files to device using Eclipse
  • How to make swipe on horizontal recyclerview bring only the next item into view - Android
  • Forcing a webpage to fit into a webview
  • why when we write \\n in the file it converts into \\r\\n combination?
  • Why do GeoJSON features appear like a negative photo of the features themselves?
  • RPMs for IDAS IoTAgents GE, from Fiware
  • Plotting Route with Multiple Points in iOS
  • iOS Localization Doesn't Work with More Than 63 Files
  • TFS - how do I sum child task hours to parent
  • ImportError: cannot import name Pubnub
  • How can we prepend rows to a react native list-view?
  • How to get links to open in the native browser in iOS Meteor apps?
  • WPF version of .ScaleControl?
  • Primefaces :radioButton inside a ui:repeat
  • Application level floating views with navigation in Android
  • R convert summary result (statistics with all dataframe columns) into dataframe
  • Can't delete or rename original file after resizing
  • How to generate and display a QR Code in ionic 2
  • Jenkins: FATAL: Could not initialize class hudson.util.ProcessTree$UnixReflection
  • D3 get axis values on zoom event
  • Breaking out column by groups in Pandas
  • Unable to get column index with table.getColumn method using custom table Model
  • OpenGL 3.3 on Mac OSX El Capitan with LWJGL
  • Disable Enter in editText android
  • Cannot resolve symbol 'MyApi'
  • If I include Java 8 in my Android app does that affect which devices it will work on?
  • How to set/get protobuf's extension field in Go?
  • Shallow update not allowed (git > 1.9)
  • How to show dropdown in excel using jrxml (jasper api)?
  • Release, debug version and Authorization Google?
  • align graphs with different xlab
  • How do I rollback to a specific git commit
  • Revoking OAuth Access Token Results in 404 Not Found
  • jQuery Masonry / Isotope and fluid images: Momentary overlap on window resize