Rax-modal NPM | npm.io

Modal

Install

$ npm install rax-modal --save

Import

import Modal from 'rax-modal';

Props

name	type	default	describe
onShow	Function		Modal show event
onHide	Function		Modal hide event
contentStyle	Object		Modal content style
visible	Boolean	false	if Modal is visible

Example

// demo 
import {Component, createElement, render} from 'rax';
import Text from 'rax-text';
import View from 'rax-view';
import Touchable from 'rax-touchable';
import Modal from 'rax-modal';

class Example extends Component {
  showModal = () => {
    this.refs.modal.show();
  };

  hideModal = () => {
    this.refs.modal.hide();
  };

  render() {
    return (
      <View>
        <Touchable onPress={this.showModal}>
          <Text>
            Open
          </Text>
        </Touchable>
        <Modal ref="modal">
          <View>
            <Text>
              I am a dialog
            </Text>
          </View>
          <Touchable onPress={this.hideModal}>
            <Text>
              Close
            </Text>
          </Touchable>
        </Modal>
      </View>
    );
  }
}

render(<Example />);

Rax rax-component react-component

rax-text rax-view universal-env universal-transition

@everything-registry/sub-chunk-2533 @rax-ui/dialog @rax-materials/confirm-modal tboc-modal feihe_shop akweb @aliretail/base-member-sdk @aliretail/basemember @aliretail/deploy @aliretail/mallmod-miniapp-rax-activity_detail_bargain @aliretail/mallmod-miniapp-rax-popup @aliretail/officialmod-miniapp-rax-common_dialog @aliretail/officialmod-miniapp-rax-mall_bargain_activity_detail @aliretail/point-member-sdk @aliretail/point-member-sdk-dev @aliretail/officialmod-miniapp-rax-mall_search_result

2 years ago

3 years ago

3 years ago

3 years ago