crn-cli
Version:
The Ctrip React Native CLI Tools
1 lines • 2.36 kB
JavaScript
__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),l=r(d[2]),o=r(d[3]),s=r(d[4]),u=r(d[5]),c=r(d[6]),h=r(d[7]),p=h.CameraRoll,f=h.Image,y=h.Slider,E=h.StyleSheet,S=h.Switch,w=h.Text,v=h.View,C=h.TouchableOpacity,_=r(d[8]),b=r(d[9]),I=r(d[10]),T=(function(h){function E(){var n,u;t(this,E);for(var h=arguments.length,y=new Array(h),S=0;S<h;S++)y[S]=arguments[S];return(u=l(this,(n=o(E)).call.apply(n,[this].concat(y)))).state={groupTypes:'SavedPhotos',sliderValue:1,bigImages:!0},u._renderImage=function(t){var n=u.state.bigImages?150:75,l=[V.image,{width:n,height:n}],o=t.node.location,h=o?JSON.stringify(o):'Unknown location';return c.createElement(C,{key:t.node.image.uri,onPress:u.loadAsset.bind(s(u),t)},c.createElement(v,{style:V.row},c.createElement(f,{source:t.node.image,style:l}),c.createElement(v,{style:V.info},c.createElement(w,{style:V.url},t.node.image.uri),c.createElement(w,null,h),c.createElement(w,null,t.node.group_name),c.createElement(w,null,new Date(t.node.timestamp).toString()))))},u._onSliderChange=function(t){var n=Object.keys(p.GroupTypesOptions),l=n[Math.floor(t*n.length*.99)];l!==u.state.groupTypes&&u.setState({groupTypes:l})},u._onSwitchChange=function(t){_(u._cameraRollView,'ref should be set'),u._cameraRollView.rendererChanged(),u.setState({bigImages:t})},u}return u(E,h),n(E,[{key:"render",value:function(){var t=this;return c.createElement(v,null,c.createElement(S,{onValueChange:this._onSwitchChange,value:this.state.bigImages}),c.createElement(w,null,(this.state.bigImages?'Big':'Small')+' Images'),c.createElement(y,{value:this.state.sliderValue,onValueChange:this._onSliderChange}),c.createElement(w,null,'Group Type: '+this.state.groupTypes),c.createElement(b,{ref:function(n){t._cameraRollView=n},batchSize:20,groupTypes:this.state.groupTypes,renderImage:this._renderImage}))}},{key:"loadAsset",value:function(t){this.props.navigator&&this.props.navigator.push({title:'Camera Roll Image',component:I,backButtonTitle:'Back',passProps:{asset:t}})}}]),E})(c.Component),V=E.create({row:{flexDirection:'row',flex:1},url:{fontSize:9,marginBottom:14},image:{margin:4},info:{flex:1}});e.title='Camera Roll',e.description="Example component that uses CameraRoll to list user's photos",e.examples=[{title:'Photos',render:function(){return c.createElement(T,null)}}]},666767,[3,4,5,8,7,9,11,15,16,666768,666770]);