0.1.2 • Published 4 years ago

rn-js-toast v0.1.2

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

rn-toast

Simple JS based RN toast that will work on both iOS and android

Installation

npm i rn-js-toast

Usage

import RnToast from "rn-js-toast";

// ...
let toastRef;

  const showToast = (msg, position) => {
    /** 
    params: msg, duration, position: top/center/bottom, positionValue: number
    */
    toastRef.show(msg, 1000, position);
  };
  
 <View style={styles.container}>
      <TouchableOpacity
        style={styles.button}
        onPress={() => showToast('Hello World', 'top')}
      >
        <Text>Show Toast Position Top</Text>
      </TouchableOpacity>
      <TouchableOpacity
        style={styles.button}
        onPress={() => showToast('Hello World', 'center')}
      >
        <Text>Show Toast Position center</Text>
      </TouchableOpacity>
      <TouchableOpacity
        style={styles.button}
        onPress={() => showToast('Hello World', 'bottom')}
      >
        <Text>Show Toast Position Bottom</Text>
      </TouchableOpacity>
      <RnToast ref={(toast) => (toastRef = toast)} />
    </View>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT