/Javascript/React/Flash effect in react native

Flash effect in react native

import React from "react";
import { View, Button } from "react-native";

import { showMessage, hideMessage } from "react-native-flash-message";

class MyScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1 }}>
        <Button
          onPress={() => {
            /* HERE WE GONE SHOW OUR FIRST MESSAGE */
            showMessage({
              message: "Simple message",
              type: "info",
            });
          }}
          title="Request Details"
          color="#841584"
        />
      </View>
    );
  }
}

Source: npmjs.com

Flash effect in react native

showMessage({
  message: "My message title",
  description: "My message description",
  type: "default",
  backgroundColor: "purple", // background color
  color: "#606060", // text color
});

Source: npmjs.com

Flash effect in react native

showMessage({
  message: "My message title",
  description: "My message description",
  type: "success",
  onPress: () => {
    /* THIS FUNC/CB WILL BE CALLED AFTER MESSAGE PRESS */
  },
});

Source: npmjs.com

Similar codes

8 votes195 views1 answer
React.Fragmen
Javascript React
3 votes191 views4 answers
Add new array at the back of react state
Javascript React
0 vote207 views1 answer
How to use empty href link in reactjs
Javascript React
4 votes197 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
1 vote183 views2 answers
React native choose simulator
Javascript React
1 vote205 views1 answer
React native nav bars
Javascript React
4 votes196 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
144 votes795 views6 answers
How to install react js
Javascript React
0 vote215 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
16 votes195 views4 answers
Uuid react
Javascript React