@farzad.zare/snackbar-react-native v1.0.3

React Native Snack Bar component.

Material Design "Snack Bar" component for Android and iOS.

Snackbars are used for displaying a brief message to the user, along with an optional action. They animate up from the bottom of the screen and then disappear shortly afterward.

Install

npm install --save @farzad.zare/snackbar-react-native

Usage

import SnackBar from "@farzad.zare/snackbar-react-native";

render(){
    return (
        <View
            style={{ flex : 1 }}>
            
            <SnackBar
                onChangeVisible={(visible) => this.setState({visible})}
                visible={this.state.visible}            
                buttonText={"Show Message"}
                messageText={"Message Text"}
                snackBarType={SnackBar.SnackBarType.INFO}
            />

        </View>
    );
};

Custom View Snack Bar

import SnackBar from "@farzad.zare/snackbar-react-native";

render(){
    return (
        <View
            style={{flex : 1}}>
            
            <SnackBar
                onChangeVisible={(visible) => this.setState({visible})}
                visible={this.state.visible}>

                <View>
                    ...
                </View>

            </SnackBar>


        </View>
    );
};

Tags

• React Native
• Java Script
• NodeJs
• SnackBar
• iOS
• Android
• Message
• Animate

Support

• farzad.zare@live.com