Following is my code for a component in my react native android app. Everything is working fine but the animation. Did I do something wrong? Or anyone else facing this issue?
export default class Home extends Component {
constructor(props){
super(props);
var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.state={dataSource:ds.cloneWithRows(['row 1', 'row 2'])}
}
render() {
return (
<ListView
dataSource={this.state.dataSource}
renderRow={this._renderRow}
/>
);
}
_renderRow() {
var header = (
<View style={{height:80}}>
<Text>Click to Expand</Text>
</View>
);
var content = (
<View style={{height:80}}>
<Text>This content is hidden in the accordion</Text>
</View>
);
return (
<Accordion
header={header}
content={content}
duration={3000}
easing="easeInBounce"
/>
);
}
Following is my code for a component in my react native android app. Everything is working fine but the animation. Did I do something wrong? Or anyone else facing this issue?