-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.js
93 lines (90 loc) · 2.98 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/* eslint-disable quotes */
/* eslint-disable react/jsx-no-undef */
/* eslint-disable prettier/prettier */
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React, { Component } from 'react';
import { Container, Header, Button, Left, Icon, Title, Body, FooterTab, Right, Content, Text, Footer, Accordion, ActionSheet, DatePicker} from 'native-base';
const dataArray = [
{title: "First Element", content: "Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs."},
{title: "Second Element", content: "Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs."},
]
// import ActionSheetEX from './components/ActionSheet.js';
// import MainContent from './components/MainContent.js';
// import HandleText from './components/HandleText.js';
import Getaxios from './components/Getaxios.js';
// import UseStateHook from './components/UseStateHook.js';
// import ApiCall from './components/ApiCall.js';
class App extends Component {
constructor(props) {
super(props);
this.state = { chosenDate: new Date() };
this.setDate = this.setDate.bind(this);
}
setDate(newDate) {
this.setState({ chosenDate: newDate });
}
render() {
return (
<Container>
<Header>
<Left>
<Button transparent>
<Icon name='menu' />
</Button>
</Left>
<Body>
<Title>Header</Title>
</Body>
<Right/>
</Header>
<Content padder>
<Accordion dataArray={dataArray}
icon="add"
expandedIcon="remove"
iconStyle={{color: "green"}}
expandedIconStyle={{color: "red"}}
headerStyle={{ backgroundColor: "#b7daf8" }}
contentStyle={{ backgroundColor: "#ddecf8" }}/>
<DatePicker
defaultDate={new Date(2018, 4, 4)}
minimumDate={new Date(2018, 1, 1)}
maximumDate={new Date(2018, 12, 31)}
locale={"en"}
timeZoneOffsetInMinutes={undefined}
modalTransparent={false}
animationType={"fade"}
androidMode={"default"}
placeHolderText="Select date"
textStyle={{ color: "green" }}
placeHolderTextStyle={{ color: "#d3d3d3" }}
onDateChange={this.setDate}
disabled={false}
/>
{/* <Text>
Date: {this.state.chosenDate.toString().substr(4, 12)}
</Text>
<ActionSheetEX></ActionSheetEX>
<MainContent></MainContent> */}
{/* <HandleText> </HandleText> */}
{/* <UseStateHook></UseStateHook> */}
{/* <ApiCall></ApiCall> */}
<Getaxios></Getaxios>
</Content>
<Footer>
<FooterTab>
<Button full>
<Text>Footer</Text>
</Button>
</FooterTab>
</Footer>
</Container>
);
}
}
export default App;