crn-cli
Version:
The Ctrip React Native CLI Tools
1 lines • 2.83 kB
JavaScript
__d(function(g,r,i,a,m,e,d){'use strict';var t=r(d[0]),n=r(d[1]),l=n(r(d[2])),c=n(r(d[3])),o=n(r(d[4])),u=n(r(d[5])),s=n(r(d[6])),f=t(r(d[7])),y=r(d[8]),v=(function(t){function n(t){var c;return(0,l.default)(this,n),(c=(0,o.default)(this,(0,u.default)(n).call(this,t))).state={animating:!0},c}return(0,s.default)(n,t),(0,c.default)(n,[{key:"componentDidMount",value:function(){this.setToggleTimeout()}},{key:"componentWillUnmount",value:function(){clearTimeout(this._timer)}},{key:"setToggleTimeout",value:function(){var t=this;this._timer=setTimeout(function(){t.setState({animating:!t.state.animating}),t.setToggleTimeout()},2e3)}},{key:"render",value:function(){return f.default.createElement(y.ActivityIndicator,{animating:this.state.animating,style:[E.centering,{height:80}],size:"large"})}}]),n})(f.Component),E=y.StyleSheet.create({centering:{alignItems:'center',justifyContent:'center',padding:8},gray:{backgroundColor:'#cccccc'},horizontal:{flexDirection:'row',justifyContent:'space-around',padding:8}});e.displayName=void 0,e.framework='React',e.title='<ActivityIndicator>',e.description='Animated loading indicators.',e.examples=[{title:'Default (small, white)',render:function(){return f.default.createElement(y.ActivityIndicator,{style:[E.centering,E.gray],color:"white"})}},{title:'Gray',render:function(){return f.default.createElement(y.View,null,f.default.createElement(y.ActivityIndicator,{style:[E.centering]}),f.default.createElement(y.ActivityIndicator,{style:[E.centering,E.gray]}))}},{title:'Custom colors',render:function(){return f.default.createElement(y.View,{style:E.horizontal},f.default.createElement(y.ActivityIndicator,{color:"#0000ff"}),f.default.createElement(y.ActivityIndicator,{color:"#aa00aa"}),f.default.createElement(y.ActivityIndicator,{color:"#aa3300"}),f.default.createElement(y.ActivityIndicator,{color:"#00aa00"}))}},{title:'Large',render:function(){return f.default.createElement(y.ActivityIndicator,{style:[E.centering,E.gray],size:"large",color:"white"})}},{title:'Large, custom colors',render:function(){return f.default.createElement(y.View,{style:E.horizontal},f.default.createElement(y.ActivityIndicator,{size:"large",color:"#0000ff"}),f.default.createElement(y.ActivityIndicator,{size:"large",color:"#aa00aa"}),f.default.createElement(y.ActivityIndicator,{size:"large",color:"#aa3300"}),f.default.createElement(y.ActivityIndicator,{size:"large",color:"#00aa00"}))}},{title:'Start/stop',render:function(){return f.default.createElement(v,null)}},{title:'Custom size',render:function(){return f.default.createElement(y.ActivityIndicator,{style:[E.centering,{transform:[{scale:1.5}]}],size:"large"})}},{platform:'android',title:'Custom size (size: 75)',render:function(){return f.default.createElement(y.ActivityIndicator,{style:E.centering,size:75})}}]},666685,[1,2,3,4,5,8,9,11,15]);