Very big update

src/screens/LessonsScreen.vue

@@ -1,20 +0,0 @@
-<template>
-    <nb-container>
-        <Header title="Lessons" :navigation="this.props.navigation"/>
-
-        <nb-content>
-            <text>Lessons</text>
-        </nb-content>
-    </nb-container>
-</template>
-
-<script>
-    import Header from "../components/Header";
-
-    export default {
-        name: 'Lessons',
-        components: {
-            Header
-        }
-    }
-</script>

src/screens/lessons/LessonsScreen.vue

@@ -0,0 +1,44 @@
+<template>
+    <nb-container>
+        <Header title="Lessons" :navigation="this.props.navigation"/>
+
+        <nb-content>
+            <nb-tabs :renderTabBar="renderTabs">
+                <nb-tab heading="Tab1">
+                    <tab-one />
+                </nb-tab>
+                <nb-tab heading="Tab2">
+                    <tab-two />
+                </nb-tab>
+                <nb-tab heading="Tab3">
+                    <tab-three />
+                </nb-tab>
+                <nb-tab heading="Tab4">
+                    <tab-four />
+                </nb-tab>
+                <nb-tab heading="Tab5">
+                    <tab-five />
+                </nb-tab>
+            </nb-tabs>
+        </nb-content>
+    </nb-container>
+</template>
+
+<script>
+    import React from "react";
+    import { ScrollableTab } from "native-base";
+
+    import Header from "../components/Header";
+
+    export default {
+        name: 'Lessons',
+        components: {
+            Header
+        },
+        methods: {
+            renderTabs: function() {
+                return <ScrollableTab />;
+            }
+        }
+    }
+</script>

src/screens/lessons/MondayScreen.vue

@@ -0,0 +1,54 @@
+<template>
+    <nb-content>
+        <nb-list>
+            <nb-separator bordered>
+                <nb-text>MIDFIELD</nb-text>
+            </nb-separator>
+
+            <nb-list-item>
+                <nb-text>Caroline Aaron</nb-text>
+            </nb-list-item>
+
+            <nb-list-item last>
+                <nb-text>Lee Allen</nb-text>
+            </nb-list-item>
+
+            <nb-separator bordered>
+                <nb-text>MIDFIELD</nb-text>
+            </nb-separator>
+
+            <nb-list-item>
+                <nb-text>Caroline Aaron</nb-text>
+            </nb-list-item>
+
+            <nb-list-item last>
+                <nb-text>Lee Allen</nb-text>
+            </nb-list-item>
+        </nb-list>
+    </nb-content>
+</template>
+
+<script>
+    import React from "react";
+
+    export default {
+        name: 'Monday',
+        data() {
+            return {
+                listViewData: [
+                    "Simon Mignolet",
+                    "Nathaniel Clyne",
+                    "Dejan Lovren",
+                    "Mama Sakho",
+                    "Alberto Moreno",
+                    "Emre Can",
+                    "Joe Allen",
+                    "Phil Coutinho"
+                ],
+            }
+        },
+        methods: {
+
+        }
+    }
+</script>