antd-mobile/lib/button/demo/basic.js

基于 React 的移动设计规范实现

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactNative = require('react-native');

var _antdMobile = require('antd-mobile');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

/* tslint:disable:no-console */

/* tslint:enable:no-unused-variable */
exports['default'] = function () {
  return _react2['default'].createElement(
    _reactNative.View,
    { style: { marginTop: 80 } },
    _react2['default'].createElement(_antdMobile.WhiteSpace, null),
    _react2['default'].createElement(
      _antdMobile.WingBlank,
      null,
      _react2['default'].createElement(
        _antdMobile.Button,
        { onClick: function onClick() {
            _reactNative.Alert.alert('Button', 'button clicked');
          } },
        'default button'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { type: 'primary' },
        'primary button'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { type: 'warning' },
        'warning button'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { disabled: true },
        'disable button'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { activeStyle: false },
        'no feedback'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { activeStyle: { backgroundColor: 'red' } },
        'custom feedback style'
      ),
      _react2['default'].createElement(_antdMobile.WhiteSpace, null),
      _react2['default'].createElement(
        _antdMobile.Button,
        { loading: true },
        'loading button'
      )
    ),
    _react2['default'].createElement(
      _antdMobile.WingBlank,
      { style: { marginTop: 20, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' } },
      _react2['default'].createElement(
        _reactNative.Text,
        null,
        'small'
      ),
      _react2['default'].createElement(
        _antdMobile.Button,
        { type: 'ghost', size: 'small' },
        'ghost small button'
      )
    )
  );
}; /* tslint:disable:no-unused-variable */


module.exports = exports['default'];