https://github.com/hecom-rn/rn-simplified-popover

ReactNative气泡组件
https://github.com/hecom-rn/rn-simplified-popover

Last synced: 11 months ago
JSON representation

ReactNative气泡组件

• Host: GitHub
• URL: https://github.com/hecom-rn/rn-simplified-popover
• Owner: hecom-rn
• Created: 2020-04-14T01:12:32.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T03:21:46.000Z (over 3 years ago)
• Last Synced: 2025-03-29T20:29:13.986Z (over 1 year ago)
• Language: JavaScript
• Size: 1.93 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# rn-simplified-popover

[![npm version](https://img.shields.io/npm/v/@hecom/rn-simplified-popover.svg)](https://www.npmjs.com/package/@hecom/rn-simplified-popover)

[![Build Status](https://travis-ci.org/hecom-rn/rn-simplified-popover.svg?branch=master)](https://travis-ci.org/hecom-rn/rn-simplified-popover)

## ReactNative气泡组件

![examplePng](https://github.com/hecom-rn/rn-simplified-popover/blob/master/example/example.png)

## 使用方法可以参考示例程序

# 属性说明

|属性名|类型|默认值|说明|是否必填|

|-----|----|----|-----|---|

|isVisible|boolean|false|组件是否展示|是|

|displayArea|Rect|window|背景区域大小|是|

|arrowSize|Size|Size(10, 5)|三角大小|否|

|placement|string|'auto'|位置(可传参数：'top','bottom','left','right')|否|

|fromRect|Rect|{ x: 0, y: 0, width: 0, height: 0 }|三角所指位置|是|

|onClose|func|() => { }|关闭回调|是|

Rect类型

```

class Rect {

    constructor(x, y, width, height) {

        this.x = x;

        this.y = y;

        this.width = width;

        this.height = height;

    }

}

```

Size类型

```

class Size {

    constructor(width, height) {

        this.width = width;

        this.height = height;

    }

}

```