mv-stories v0.1.1

Mv-Stories

React Native Instagram like stories component.

Installation

You will need to create a new React Native project and add manually this component using yarn:

$ yarn add file:{path to mv-stories folder}

Testing data, import this json in your new react native project

export default [
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/jsa/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/7WQZUEU75C.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/TXGQ76N3J0.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/marcogomes/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/TZR2DHPXLS.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/rem/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/DJQQTMR8XV.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/XLYI8D8H5R.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/8N1P2AHD0W.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/csswizardry/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/FC9HYIWC9B.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/8BY0ULY9GK.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/SFJPODPJY4.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/TPZVAKR2HA.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/WY4HT9B3QJ.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/suprb/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/R16PYWVG7N.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/TXGQ76N3J0.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/5ECBT47XF5.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/95U1U3BR0Y.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/T6J8OZBM38.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/flamekaizar/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/OQ47D2T5AP.jpg', type: 'img' }
	] },
	{ idx: 0, avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/itsjonq/128.jpg', items: [
		{ src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/XG1ASVK8BU.jpg', type: 'img' }, { src: 'https://snap-photos.s3.amazonaws.com/img-thumbs/960w/R7992YD801.jpg', type: 'img' }
	] },
];