New:Socket for Asana Is Now Available.Learn more
Get Started

react-native-toastjs

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-toastjs

React-Native Best Toast Message

Source
npmnpm
Version
0.0.1
Version published
Maintainers
1
Created
Source

Installation

1. npm install

npm install react-native-toastjs

2. Wrap top view with ToastProvider

// before
<App />

// after
import ToastProvider from 'react-native-toastjs'
...

render(){
    return (
        <ToastProvider>
            <App />
        </ToastProvider>
    )
}

3. Using Toast

import { Toast } from 'react-native-toastjs'
Toast('Toast 테스트').show()

Example

import React from 'react';
import { SafeAreaView, View, Text } from 'react-native';

import ToastProvider, { Toast } from 'react-native-toastjs'

class App extends React.Component {
    componentDidMount(){
        Toast('Toast 테스트').show()
    }
    render(){
        return (
        <SafeAreaView style={{ flex: 1 }}>
            <ToastProvider>{/* ToastProvider는 필수로 감싸줘야함 */}

                {/* My Real View */}
                <View style={{ flex: 1 }}>
                    <View style={{ height: 100, backgroundColor:'red' }}>
                        <Text>HEAD</Text>
                    </View>
                    <View style={{ flex: 1, backgroundColor:'blue' }}>
                        <Text>Body</Text>
                    </View>
                </View>

            </ToastProvider>
        </SafeAreaView>
        )
    }
};

export default App;

Keywords

react-native

FAQs

Package last updated on 15 Jul 2019

Related posts