Installation

npm i animatedListView

Usage

import { AnimatedList } from 'react-native-animated-listview'

const design = (item) => {
    return (
      <View style={Styles.designFrame}>
        <TouchableOpacity style={Styles.buttonFrame}>
          <Image style={Styles.UImage} source={{uri: item.avatar}} />
          <View style={Styles.UserInfo}>
            <Text style={Styles.UserName}>{`${item.first_name} ${item.last_name}`}</Text>
            <Text style={Styles.UserEmail}>{item.email}</Text>
          </View>
        </TouchableOpacity>
      </View>
    )
}

<AnimatedList
    data={data}
    design={design}
    isVisible
    animation
    animSpeed={0.5}
    shadow
    shadowColor={'red'}
    shadowOpacity={0.4}
/>

Props

Prop	Required	Type	Default
data	Yes	Array	None
design	Yes	Method	None
isVisible	Yes	Boolean	False
animation	No	Boolean	False
animSpeed	No	Float	0.5
shadow	No	Boolean	False
shadowColor	No	String	Black
shadowOpacity	No	Float	0.5

Contribution

For major changes, please open an issue first to discuss what you would like to change.