Skip to content

Commit d7cbc47

Browse files
gouravhubinogouravhubino
committed
Iniitial commit without Pod folder
1 parent f129402 commit d7cbc47

File tree

69 files changed

+10219
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+10219
-0
lines changed

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"git.ignoreLimitWarning": true
3+
}

‎App.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/**
2+
* Sample React Native App
3+
* https://github.com/facebook/react-native
4+
*
5+
* @format
6+
* @flow
7+
*/
8+
9+
import React, { Component } from 'react';
10+
import { StatusBar, StyleSheet, Text, View } from 'react-native';
11+
import Main from './App/Main'
12+
import Test from './App/Test/ViewTest'
13+
14+
type Props = {};
15+
export default class App extends Component<Props> {
16+
render() {
17+
return (
18+
<>
19+
<StatusBar backgroundColor="#000" barStyle="light-content" />
20+
<Test />
21+
</>
22+
);
23+
}
24+
}
25+

‎App/Main.js

+139
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
/**
2+
* Sample React Native App
3+
* https://github.com/facebook/react-native
4+
*
5+
* @format
6+
* @flow
7+
*/
8+
9+
import React, { Component } from 'react';
10+
import { Platform, StyleSheet, Text, View, FlatList } from 'react-native';
11+
import * as Animatable from 'react-native-animatable';
12+
13+
export default class Main extends Component {
14+
15+
constructor(props) {
16+
super(props);
17+
this.state = {
18+
destroyStackView:false
19+
}
20+
}
21+
22+
destroyStackView(){
23+
this.setState({
24+
destroyStackView : true
25+
})
26+
27+
}
28+
render() {
29+
const fadeIn = {
30+
from: {
31+
width: '100%',
32+
height: '100%'
33+
},
34+
to: {
35+
width: '95%',
36+
height: '95%',
37+
},
38+
};
39+
40+
const fadeOut = {
41+
from: {
42+
width: '95%',
43+
height: '95%',
44+
},
45+
to: {
46+
width: '100%',
47+
height: '100%'
48+
},
49+
};
50+
return (
51+
<View style={{ flex: 1 }}>
52+
{this.props.triggerStack == 1 ?
53+
<View style={styles.container}>
54+
<Animatable.View animation={fadeIn} iterationCount={1} >{this.props.renderView}</Animatable.View>
55+
<Animatable.View
56+
style={styles.stackBox}
57+
easing="linear"
58+
duration={400}
59+
animation={"fadeInUpBig"}
60+
iterationCount={1}
61+
>{this.props.stackView}
62+
</Animatable.View>
63+
</View>
64+
: this.props.triggerStack == 2 ?
65+
<View style={{
66+
width: '100%',
67+
height: '100%',
68+
justifyContent: 'center',
69+
alignItems: 'center'
70+
}}>
71+
<Animatable.View
72+
animation={fadeOut}
73+
iterationCount={1}
74+
>{this.props.renderView}
75+
</Animatable.View>
76+
77+
{this.props.fadeStackDown ?
78+
<Animatable.View
79+
style={this.state.destroyStackView == true ?styles.destroystackBox:styles.stackBox}
80+
animation={"fadeOutDownBig"}
81+
easing="ease-in-out"
82+
onAnimationEnd={()=>this.destroyStackView()}
83+
duration={250}
84+
iterationCount={1}
85+
>{this.props.stackView}
86+
</Animatable.View> : null
87+
}
88+
</View> :
89+
<View style={styles.container_initial}>
90+
<View >{this.props.renderView}</View>
91+
</View>
92+
}
93+
</View>
94+
);
95+
}
96+
}
97+
98+
const styles = StyleSheet.create({
99+
container: {
100+
width: '100%',
101+
height: '100%',
102+
flexDirection: 'column',
103+
justifyContent: 'flex-end',
104+
alignItems: 'center'
105+
},
106+
container_initial: {
107+
width: '100%',
108+
height: '100%',
109+
flexDirection: 'column',
110+
},
111+
stackBox: {
112+
flexDirection: 'column',
113+
width: '100%',
114+
height: '92%',
115+
position: "absolute",
116+
shadowColor: '#000',
117+
shadowOffset: { width: 1, height: 1 },
118+
shadowOpacity: 0.3,
119+
shadowRadius: 20,
120+
elevation: 5,
121+
122+
},
123+
destroystackBox:{
124+
flexDirection: 'column',
125+
width: '100%',
126+
height: '2%',
127+
position: "absolute",
128+
shadowColor: '#000',
129+
shadowOffset: { width: 1, height: 1 },
130+
shadowOpacity: 0.3,
131+
shadowRadius: 20,
132+
elevation: 5,
133+
},
134+
instructions: {
135+
textAlign: 'center',
136+
color: '#333333',
137+
marginBottom: 5,
138+
},
139+
});

‎App/Styles/ViewStyles.js

+130
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
import { Platform, Dimensions, StyleSheet, DatePickerIOS, Text, Button, View, TextInput } from 'react-native';
2+
import Main from '../Main'
3+
4+
const height = Dimensions.get('window').height
5+
6+
7+
export default StyleSheet.create({
8+
container: {
9+
flex: 1,
10+
justifyContent: 'center',
11+
alignItems: 'center',
12+
backgroundColor: '#F5FCFF',
13+
},
14+
headerCont: {
15+
width: '100%',
16+
height: height,
17+
backgroundColor: '#fff',
18+
// justifyContent:'center',
19+
// alignItems:'center',
20+
borderTopLeftRadius: 15,
21+
borderTopRightRadius: 15,
22+
flexDirection: 'column',
23+
justifyContent: 'space-between'
24+
25+
},
26+
stackCont: {
27+
width: '100%',
28+
height: '100%',
29+
backgroundColor: '#fff',
30+
borderTopRightRadius: 15,
31+
borderTopLeftRadius: 15,
32+
// justifyContent:'center',
33+
// alignItems:'center'
34+
},
35+
header: {
36+
width: '100%',
37+
height: '10%',
38+
backgroundColor: '#fff',
39+
justifyContent: 'flex-end',
40+
alignItems: 'flex-start',
41+
padding: 20,
42+
borderTopRightRadius: 15,
43+
borderTopLeftRadius: 15,
44+
borderBottomColor: "#027AFA",
45+
borderBottomWidth: 0.5
46+
47+
},
48+
footer: {
49+
width: '100%',
50+
height: '10%',
51+
backgroundColor: '#fff',
52+
justifyContent: 'center',
53+
alignItems: 'center',
54+
borderTopColor: "#027AFA",
55+
borderTopWidth: 0.5
56+
57+
},
58+
instructions: {
59+
textAlign: 'center',
60+
color: '#333333',
61+
marginBottom: 5,
62+
},
63+
cardDiv: {
64+
width: '100%',
65+
height: 100,
66+
justifyContent: 'center',
67+
alignItems: 'center',
68+
padding: 10,
69+
shadowColor: '#000',
70+
shadowOffset: { width: 0.5, height: 0.5 },
71+
shadowOpacity: 0.3,
72+
shadowRadius: 8,
73+
elevation: 5,
74+
marginTop:10
75+
},
76+
card: {
77+
width: '90%',
78+
height: 80,
79+
borderRadius: 10,
80+
backgroundColor: 'white',
81+
padding: 10,
82+
justifyContent:'space-between',
83+
flexDirection:'row',
84+
elevation:10
85+
},
86+
contentDiv: {
87+
width: '100%',
88+
height: '80%',
89+
},
90+
emptyDiv: {
91+
width: '100%',
92+
height: 300,
93+
justifyContent: 'center',
94+
alignItems: 'center'
95+
},
96+
stackDiv:{
97+
width: '100%',
98+
height: '10%',
99+
backgroundColor: '#53D769',
100+
borderTopRightRadius: 15,
101+
borderTopLeftRadius: 15,
102+
padding: 15,
103+
justifyContent: 'space-between',
104+
flexDirection: 'row'
105+
},
106+
stackContentDiv:{
107+
width: '100%',
108+
height: '90%',
109+
// justifyContent: 'center',
110+
alignItems: 'center'
111+
},
112+
done_button:{
113+
width:70,
114+
height:30,
115+
backgroundColor:'white',
116+
borderColor:"#53D769",
117+
borderWidth:0.7,
118+
justifyContent:'center',
119+
alignItems:'center',
120+
borderRadius:20
121+
},
122+
inputDiv:{
123+
width: '100%',
124+
height: 80,
125+
flexDirection: 'column',
126+
justifyContent: 'flex-start',
127+
padding:10
128+
}
129+
130+
});

0 commit comments

Comments
 (0)