Friday, March 10, 2023
HomeReactComputer Animated Salute Element For React Indigenous

Computer Animated Salute Element For React Indigenous


A computer animated salute element for React Indigenous, based upon react-native-reanimated and also react-native-vector-icons

Just how to utilize it:

1. Mount and also import the ToastComponent.

 # Thread

.$ thread include @iqorlobanov/ react-native-toast

.

.
# NPM 
. $ npm i @iqorlobanov/ react-native-toast
 import {ToastComponent} from '@iqorlobanov/ react-native-toast';

2. Include the salute element to the application.

<< ToastComponent/>>
// OR

. import {Salute, ToastType} from' @iqorlobanov/
react-native-toast'; 
. import {Switch}
from' react-native'; 
. 
export feature Foo (
)
<{

. return( 
.
< Switch 
. title="Program salute" 
.
onPress = {
(
) = > {
. Toast.show( {
.
title: 'Salute Title',

. summary: 'Salute message.', 
. kind: ToastType.SUCCESS,

.
visibilityTime: 3000, 
.
}
);

.}} 
./ > 
.); 
.}

3. Readily available props for
the program approach.

 title: string; 
. summary?: string; 
.
kind: ToastType;
/
/ SUCCESS, DETAILS, CAUTION, MISTAKE. 
. visibilityTime?: number;

. showLeftIcon?: boolean;

. showRightIcon?: boolean;

. withShadow?: boolean
;

. topOffset?: number; 
. touchable?: boolean;

4. Readily available props for the ToastComponent.

 leftIconComponent?: React.ReactNode;

. rightIconComponent?: React.ReactNode;

. design?: StyleProp<< ViewStyle>>;

. titleStyle?: StyleProp<< TextStyle>>;

.
descriptionStyle?: StyleProp<< TextStyle>>;

Sneak Peek:

Animated Toast Component For React Native

Download And Install Information:

Writer: iqorlobanov

Real-time Trial: Sight The Trial

Download And Install Web Link: Download And Install The Resource Code

Authorities Site: https://github.com/iqorlobanov/react-native-toast

Certificate: MIT

RELATED ARTICLES

Most Popular

Recent Comments