1

I have a list of items that are different heights (same width), and I'm trying to implement a responsive style grid that will handle the height difference on the items. When a component is tapped on, it'll grow taller to show more information.

I'm using this library right now: https://github.com/xudafeng/autoresponsive-react-native but it requires fixed width and heights, but on some of these items, there is just no way to know how tall they are going to be before they are rendered.

Is there another library that might do what I need, or something I can do to make this current one work?

I've tried quite a few things, but it's always updating the information I need one step behind (ex. Height will be 70, I have nothing, tapped element is 250, I have 70, ...).

m0ngr31
  • 671
  • 9
  • 26
  • 1
    http://dantrain.github.io/react-stonecutter/ – Steffen May 09 '16 at 23:47
  • That doesn't look like it supports React Native – m0ngr31 May 10 '16 at 16:26
  • 1
    also have this kind of problem, especially cause i want to solve it with react native's Listview, see here: http://stackoverflow.com/questions/39316531/react-native-listview-grid-layout-with-listview-elements-that-align-and-append-i have you found a solution in the meanwhile? – manpenaloza Oct 06 '16 at 07:01
  • @manpenaloza: I never did find a good solution, so I ended up changing the view to something else. – m0ngr31 Oct 06 '16 at 21:32

1 Answers1

0

You should use this component. There is a post about it.

Melih Mucuk
  • 6,530
  • 6
  • 34
  • 55
  • Thanks for the links. I'm looking at the docs now, but it doesn't look like it supports what I'm going for? – m0ngr31 May 10 '16 at 16:27