Natural Preference for Minification

    react-native-popover-ios

    0.3.14 • Public • Published

    react-native-popover-ios

    A native popover component for react-native, iOS only.

    Install

    npm version < 5.0

    npm i react-native-popover-ios --save

    or npm version >= 5.0

    npm i react-native-popover-ios

    link

    react-native link react-native-popover-ios

    properties

    Example:

    import Popover from 'react-native-popover-ios';
     
    _onPress = (event) => {
         this.render(event.target);
     };
     
    render(reactTag) {
        return (
            <Popover
              sourceView={reactTag}
              onShow={this._onShow}
              onHide={this._onHide}
              preferredContentSize={[200, 200]}
              permittedArrowDirections={[0, 2]}>
              {content}
            </Popover>
        )
    }

    visible

    determines whether your popover is visible.

    default: true

    animated

    determines whether present or dismiss popover use animation.

    default: true

    cancelable

    determines whether dismiss popover when clicking the out space.

    default: true

    popoverBackgroundColor

    the back ground color of popover.

    default: 'white'

    sourceViewReactTag

    the react tag of The view which containing the anchor rectangle for the popover.

    default: -1

    sourceViewTag

    tag for the native view containing the anchor rectangle for the popover.

    default: -1

    sourceViewGetterTag

    tag for the native view getter which containing the anchor rectangle for the popover.

    default: -1

    sourceRect

    the rectangle in the specified view in which to anchor the popover.

    default: the frame of the sourceView

    usage: [x, y, width, height]

    example: [0, 0, 200, 200]

    permittedArrowDirections

    The arrow directions that you prefer for the popover.

    • 0: up
    • 1: down
    • 2: left
    • 3: right

    default: [0, 1, 2, 3]

    preferredContentSize

    The preferred size for the view controller’s view.

    usage: [width, height].

    onShow

    a function that will be called once the popover has been shown.

    onHide

    a function that will be called once the popover has been hidden.

    Method

    dismiss

    dismiss popover

    • reactTag: react tag of The popover
    • animated: whether dismiss use animation, default true

    Example:

    import Popover from 'react-native-popover-ios';
     
    const reactTag = ReactNative.findNodeHandle(this.refs.popover);
    try {
        await Popover.dismiss(reactTag, false);
    } catch (e) {
        console.error('error', e);
    }

    How to use the Example Project

    npm >= 5.0

    install dependences

    cd <react-native-popover-ios>/Example
    npm i

    fix the error: Unable to resolve module react

    cd <react-native-popover-ios>
    npm i --no-save react@16.0.0-alpha.12

    start the local server

    cd <react-native-popover-ios>/Example
    react-native start

    open example project

    open open <react-native-popover-ios>/Example/ios/Example.xcodeproj/

    Install

    npm i react-native-popover-ios

    DownloadsWeekly Downloads

    2

    Version

    0.3.14

    License

    MIT

    Unpacked Size

    241 kB

    Total Files

    66

    Last publish

    Collaborators

    • bellzhong
    • magicismight
    • sohobloo