-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
49 lines (44 loc) · 1.41 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import React from 'react';
import { StyleSheet, Text, View, ScrollView, FlatList } from 'react-native';
//import AnimatedList from './AnimatedList';
import FullscreenCard from './FullscreenCard';
import {CardTitle, CardContent} from 'react-native-material-cards';
export default class App extends React.Component {
data = [
"Test 1",
"Test 2",
"Test 3",
"Test 4",
"Test 5",
"Test 6",
"Test 7",
"Test 8",
"Test 9",
];
_render({item = "U"}) {
let r;
return (
<FullscreenCard ref={ref => r = ref}>
<CardTitle title={item}></CardTitle>
<CardContent>
<Text onPress={() => r.toggle()}>Click to expand</Text>
</CardContent>
</FullscreenCard>
);
}
render() {
return (
<ScrollView style={styles.list}>
<Text>Test</Text>
{/*<AnimatedList style={styles.list} renderItem={this._render.bind(this)} data={this.data} keyExtractor={i => i} inAnimation={'zoomInLeft'} outAnimation={'zoomOutRight'} delay={50} duration={280}>
</AnimatedList>*/}
<FlatList style={styles.list} renderItem={this._render.bind(this)} data={this.data} keyExtractor={i => i}></FlatList>
</ScrollView>
);
}
}
const styles = StyleSheet.create({
list: {
flex: 1
}
});