-
Notifications
You must be signed in to change notification settings - Fork 2
/
App.js
53 lines (46 loc) · 1.07 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
import React from "react";
import { Stack, Page, Tabbar } from "vkui-navigator/dist";
import Panel1 from "./panels/Panel1";
import Panel2 from "./panels/Panel2";
import Panel3 from "./panels/Panel3";
import Modal1 from "./panels/Modal1";
import Modal2 from "./panels/Modal2";
import Icon24Services from "@vkontakte/icons/dist/24/services";
import Icon24Flash from "@vkontakte/icons/dist/24/flash";
import Panel4 from "./panels/Panel4";
const App = () => (
<Stack
activePage="main"
modals={[
<Modal1 id="modal1"/>,
<Modal2 id="modal2" title="Название из title"/>
]}
>
<Tabbar
id="main"
activeStory="home"
>
<Page
id="home"
title="Основы"
activePanel="panel1"
icon={<Icon24Services/>}
>
<Panel1 id="panel1"/>
<Panel2 id="panel2"/>
</Page>
<Page
id="settings"
title="Модальные окна"
activePanel="panel3"
icon={<Icon24Flash/>}
>
<Panel3 id="panel3"/>
</Page>
</Tabbar>
<Page id="page2" activePanel="panel4">
<Panel4 id="panel4"/>
</Page>
</Stack>
);
export default App;