https://github.com/rxreactnative/react-native-rxdialog

A cross-platform dialog View component for React Native [ Alert、toash、sheet ... ]
https://github.com/rxreactnative/react-native-rxdialog

react-native react-native-web

Last synced: about 2 months ago
JSON representation

A cross-platform dialog View component for React Native [ Alert、toash、sheet ... ]

• Host: GitHub
• URL: https://github.com/rxreactnative/react-native-rxdialog
• Owner: RXReactNative
• License: mit
• Created: 2019-02-14T02:44:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-08-11T10:32:08.000Z (almost 4 years ago)
• Last Synced: 2024-04-26T14:45:39.406Z (about 2 years ago)
• Topics: react-native, react-native-web
• Language: JavaScript
• Homepage: https://rxreactnative.github.io/react-native-rxdialog-example/
• Size: 239 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

# react-native-rxdialog

## Getting started

`$ npm install react-native-rxdialog --save`

### support for custom UI(View)

example : -> https://github.com/RXReactNative/react-native-rxdialog-example




`演示 web` / `show web`

https://rxreactnative.github.io/react-native-rxdialog-example/




---

#### 框架默认支持

![srxboys](https://github.com/RXReactNative/react-native-rxdialog/blob/master/screen_img/1.png)

![srxboys](https://github.com/RXReactNative/react-native-rxdialog/blob/master/screen_img/2.png)

#### [ 二次开发 demo ( rxdialog-example ) ](https://github.com/RXReactNative/react-native-rxdialog-example)

![srxboys](https://github.com/RXReactNative/react-native-rxdialog/blob/master/screen_img/3.png)

![srxboys](https://github.com/RXReactNative/react-native-rxdialog/blob/master/screen_img/4.png)

![srxboys](https://github.com/RXReactNative/react-native-rxdialog/blob/master/screen_img/5.png)





## Usage

```javascript

import {

  RXDialogTopView,

  RXAlert,

  RXDialog,

  RXAnimation,

  RXAlertAnimation,

  RXFadeAnimation,

  RXScaleAnimation,

  RXSlideAnimation,

  PlatformType,

  DeviceWidth,

  DeviceHeight,

  ISIphone,

  ISIphoneX,

  ISAndroid,

  IFIphone,

  IFIphoneX,

} from 'react-native-rxdialog';

// TODO: What to do with the Dialog?

RXDialog;

RXDialogTopView;

RXAnimation;

```