@ant-design/react-native/lib/notice-bar/demo/basic.js

基于蚂蚁金服移动设计规范的 React Native 组件库

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2["default"])(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var NoticeBarExample=function(_React$Component){(0,_inherits2["default"])(NoticeBarExample,_React$Component);var _super=_createSuper(NoticeBarExample);function NoticeBarExample(){(0,_classCallCheck2["default"])(this,NoticeBarExample);return _super.apply(this,arguments);}(0,_createClass2["default"])(NoticeBarExample,[{key:"render",value:function render(){var customIcon=_react["default"].createElement(_reactNative.Image,{source:{uri:'https://zos.alipayobjects.com/rmsportal/bRnouywfdRsCcLU.png'},style:{width:12,height:12}});return _react["default"].createElement(_reactNative.View,{style:{marginTop:10}},_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{onPress:function onPress(){return alert('click');},marqueeProps:{loop:true,style:{fontSize:12,color:'red'}}},"Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"closable",onPress:function onPress(){return alert('will close');}},"Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"closable",icon:customIcon},"Customized icon."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"link",onPress:function onPress(){return alert('link');}},"Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"link"},"Notice: The arrival time of incomes and transfers of Yu 'E Bao will be delayed during National Day."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"closable",icon:undefined},"Remove the default icon."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"closable",action:_react["default"].createElement(_reactNative.Text,{style:{color:'#a1a1a1'}},"\u4E0D\u518D\u63D0\u793A")},"Closable demo for `actionText`."),_react["default"].createElement(_.WhiteSpace,{size:"lg"}),_react["default"].createElement(_.NoticeBar,{mode:"link",action:_react["default"].createElement(_reactNative.Text,null,"\u53BB\u770B\u770B")},"Link demo for `actionText`."));}}]);return NoticeBarExample;}(_react["default"].Component);exports["default"]=NoticeBarExample;