Merge pull request #4 from EddyVerbruggen/add-scroll-view

Added ScrollView

Author: rigor789

Diff for: .gitignore

@@ -1,4 +1,5 @@
 .idea/
+npm-debug.log
 package-lock.json
 node_modules
 platforms/

Diff for: README.md

@@ -7,7 +7,7 @@ component screenshots at [nativescript-vue.org](https://nativescript-vue.org/).
 * The [Appium](http://appium.io/) client. Just download and install the latest [from GitHub](https://github.com/appium/appium-desktop/releases/latest).
 
 ## Running the tests locally
-Start Appium, or you'll receive an error `127.0.0.1` can't be reached.
+Start Appium and press 'Start the server', or you'll receive an error `127.0.0.1:4723` can't be reached.
 
 ### Android
 ```bash

Diff for: app/app.css

@@ -2,6 +2,10 @@
     margin: 5;
 }
 
+.m-10 {
+    margin: 10;
+}
+
 .m-15 {
     margin: 15;
 }

Diff for: app/app.js

@@ -39,6 +39,10 @@ new Vue({
                 name: 'Progress',
                 component: () => require('./elements/components/Progress')
             },
+            {
+                name: 'ScrollView',
+                component: () => require('./elements/components/ScrollView')
+            },
             {
                 name: 'SearchBar',
                 component: () => require('./elements/components/SearchBar')

Diff for: app/elements/components/ScrollView.js

@@ -0,0 +1,48 @@
+module.exports = {
+    template: `
+        <GridLayout rows="auto, *">
+            <ScrollView row="0" orientation="horizontal">
+                <StackLayout orientation="horizontal">
+                    <Label text="h1" class="m-10" />
+                    <Label text="h2" class="m-10" />
+                    <Label text="h3" class="m-10" />
+                    <Label text="h4" class="m-10" />
+                    <Label text="h5" class="m-10" />
+                    <Label text="h6" class="m-10" />
+                    <Label text="h7" class="m-10" />
+                    <Label text="h8" class="m-10" />
+                    <Label text="h9" class="m-10" />
+                    <Label text="h10" class="m-10" />
+                    <Label text="h11" class="m-10" />
+                    <Label text="h12" class="m-10" />
+                </StackLayout>
+            </ScrollView>
+            <ScrollView row="1" horizontalAlignment="center">
+                <StackLayout>
+                    <Label text="v1" class="m-10" />
+                    <Label text="v2" class="m-10" />
+                    <Label text="v3" class="m-10" />
+                    <Label text="v4" class="m-10" />
+                    <Label text="v5" class="m-10" />
+                    <Label text="v6" class="m-10" />
+                    <Label text="v7" class="m-10" />
+                    <Label text="v8" class="m-10" />
+                    <Label text="v9" class="m-10" />
+                    <Label text="v10" class="m-10" />
+                    <Label text="v11" class="m-10" />
+                    <Label text="v12" class="m-10" />
+                    <Label text="v13" class="m-10" />
+                    <Label text="v14" class="m-10" />
+                    <Label text="v15" class="m-10" />
+                    <Label text="v16" class="m-10" />
+                    <Label text="v17" class="m-10" />
+                    <Label text="v18" class="m-10" />
+                    <Label text="v19" class="m-10" />
+                    <Label text="v20" class="m-10" />
+                    <Label text="v21" class="m-10" />
+                    <Label text="v22" class="m-10" />
+                </StackLayout>
+            </ScrollView>
+        </GridLayout>
+    `
+};

Diff for: generate-screenshots.js

@@ -12,6 +12,7 @@ const components = [
     'ListPicker',
     'ListView',
     'Progress',
+    'ScrollView',
     'SearchBar',
     'SegmentedBar',
     'Slider',

Diff for: package.json

@@ -28,7 +28,7 @@
     "deploy": "bash deploy.sh",
     "e2e": "mocha --opts ./e2e/config/mocha.opts",
     "ios.build": "tns build ios",
-    "ios.screenshots": "npm run appium -- --runType=ios-simulator103iPhone6 --sauceLab=true"
+    "ios.screenshots": "npm run appium -- --runType=ios-simulator103iPhone6"
   },
   "devDependencies": {
     "babel-traverse": "6.26.0",