react-native-pulsator-native
v1.0.3
Published
Not working android
Downloads
19
Maintainers
Readme
react-native-pulsator-native
Pulsator for React Native. This library binds iOS and Android libraries from below repositories:
- iOS: https://github.com/shu223/Pulsator.
- Not working android
Demo 01
Installation
- Step 1:
yarn add react-native-pulsator-native
- Step 2:
cd ios && pod install
Usage
import {TouchableOpacity, View} from "react-native";
import PulsatorNative from "react-native-pulsator-native";
import Icon from "react-native-vector-icons/Ionicons";
import React from "react";
export default function () {
const [isRunning, setRunning] = React.useState(true)
return <View style={{
justifyContent: 'center',
alignContent: 'center',
alignItems: 'center',
flex: 1
}}>
<TouchableOpacity
onPress={() => setRunning(!isRunning)}
>
<PulsatorNative pulsatorColor={'#4c77cb'}
isRunning={isRunning}>
<Icon name='ios-search'
color={'#fff'}
size={100}/>
</PulsatorNative>
</TouchableOpacity>
</View>
}
Props
pulsatorColor
Color of pulsation. Note color type hex.
style
style of pulsation
isRunning
set Sate for pulsation. True is running, false is stop