Nettle Pie Market

    @burstware/react-native-portal

    1.0.2 • Public • Published

    React Native Portal Build Status Coverage

    NPM

    React Native Portal

    Render a component anywhere. Anything inside a <Portal> component will be rendered on an ancestor <Portal.Host> component.

    Installation

    npm i --save @burstware/react-native-portal

    Usage

    import React from 'react'
    import { View, Text, StyleSheet } from 'react-native'
    import Portal from '@burstware/react-native-portal'
    
    function Test (props) {
      return (
        <View style={[StyleSheet.absoluteFill, { alignItems: 'center', backgroundColor: 'blue' }]}>
          <Portal.Host>
            <View style={{ width: '75%', height: '100%' }}>
              <Portal>
                <View style={{ width: '100%', height: '100%', backgroundColor: 'white' }}>
                  <Text>This should be on top</Text>
                </View>
              </Portal>
            </View>
          </Portal.Host>
        </View>
      )
    }
    

    Documentation

    npm start

    Install

    npm i @burstware/react-native-portal

    DownloadsWeekly Downloads

    572

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    37.2 kB

    Total Files

    17

    Last publish

    Collaborators

    • jbaczuk