crn-cli
Version:
The Ctrip React Native CLI Tools
1 lines • 3.41 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]),c=r(d[3]),s=r(d[4]),o=r(d[5]),b=r(d[6]),u=b.AccessibilityInfo,y=b.Text,h=b.View,p=b.TouchableOpacity,E=b.Alert,f=(function(b){function u(){return t(this,u),l(this,c(u).apply(this,arguments))}return s(u,b),n(u,[{key:"render",value:function(){return o.createElement(h,null,o.createElement(h,{onAccessibilityTap:function(){return E.alert('Alert','onAccessibilityTap success')},accessible:!0},o.createElement(y,null,"Accessibility normal tap example")),o.createElement(h,{onMagicTap:function(){return E.alert('Alert','onMagicTap success')},accessible:!0},o.createElement(y,null,"Accessibility magic tap example")),o.createElement(h,{onAccessibilityEscape:function(){return alert('onAccessibilityEscape success')},accessible:!0},o.createElement(y,null,"Accessibility escape example")),o.createElement(h,{accessibilityLabel:"Some announcement",accessible:!0},o.createElement(y,null,"Accessibility label example")),o.createElement(h,{accessibilityRole:"button",accessibilityStates:['selected'],accessible:!0},o.createElement(y,null,"Accessibility traits example")),o.createElement(y,null,"Text's accessibilityLabel is the raw text itself unless it is set explicitly."),o.createElement(y,{accessibilityLabel:"Test of accessibilityLabel",accessible:!0},"This text component's accessibilityLabel is set explicitly."),o.createElement(h,{accessibilityLabel:"Test of accessibilityHint",accessibilityHint:"The hint provides more info than the label does",accessible:!0},o.createElement(y,null,"This view component has both an accessibilityLabel and an accessibilityHint explicitly set.")),o.createElement(y,{accessibilityLabel:"Test of accessibilityHint",accessibilityHint:"The hint provides more info than the label does"},"This text component has both an accessibilityLabel and an accessibilityHint explicitly set."),o.createElement(p,{accessibilityLabel:"Test of accessibilityHint",accessibilityHint:"The hint provides more info than the label does"},o.createElement(h,null,o.createElement(y,null,"This button has both an accessibilityLabel and an accessibilityHint explicitly set."))),o.createElement(h,{accessibilityElementsHidden:!0},o.createElement(y,null,"This view's children are hidden from the accessibility tree")))}}]),u})(o.Component),T=(function(b){function p(){var n,s;t(this,p);for(var o=arguments.length,b=new Array(o),u=0;u<o;u++)b[u]=arguments[u];return(s=l(this,(n=c(p)).call.apply(n,[this].concat(b)))).state={screenReaderEnabled:!1},s._handleScreenReaderToggled=function(t){s.setState({screenReaderEnabled:t})},s}return s(p,b),n(p,[{key:"componentDidMount",value:function(){var t=this;u.addEventListener('change',this._handleScreenReaderToggled),u.fetch().done(function(n){t.setState({screenReaderEnabled:n})})}},{key:"componentWillUnmount",value:function(){u.removeEventListener('change',this._handleScreenReaderToggled)}},{key:"render",value:function(){return o.createElement(h,null,o.createElement(y,null,"The screen reader is",' ',this.state.screenReaderEnabled?'enabled':'disabled',"."))}}]),p})(o.Component);e.title='AccessibilityIOS',e.description="Interface to show iOS' accessibility samples",e.examples=[{title:'Accessibility elements',render:function(){return o.createElement(f,null)}},{title:'Check if the screen reader is enabled',render:function(){return o.createElement(T,null)}}]},666748,[3,4,5,8,9,11,15]);