Sticky Component inside scrollview

Question

I\'m trying to build a a sticky component like this app

http://www.screencapture.ru/file/E88F08Fc

Deals, Products, Events tabs/segmentControl are actually start

Answer 1

It is very simple with ScrollView component. There is already something called "stickyHeaderIndices" which takes the index of child to make sticky.In following code, content inside renderComponent2 stays sticky when you scroll.

  {this.renderComponent1()}
  {this.renderComponent2()}
  {this.renderComponent3()}
 

Refer: https://facebook.github.io/react-native/docs/scrollview.html#stickyheaderindices