JoshDSommer / nativescript-ngx-slides

A NativeScript + Angular module for to add a slides component to your mobile app
Other
45 stars 34 forks source link

Android - slides #31

Open SlirigHorcrux opened 7 years ago

SlirigHorcrux commented 7 years ago

Hello, i am following your instructions for implementing this plugin. But i cant see any slides

The slides looks like the example

What am i doing wrong ?

JoshDSommer commented 7 years ago

Could you provide an example of what you are seeing?

JoshDSommer commented 7 years ago

referencing https://github.com/TheOriginalJosh/nativescript-slides/issues/110

SlirigHorcrux commented 7 years ago

I am seeing nothing, the slides will not show up at all

This is tested in the newest version ?

JoshDSommer commented 7 years ago

I'm currently using it on a project I'm working on in my free time. If I were you I would try and tear it down to its simplest implementation. It's really impossible for me to tell whats wrong without more info.

SlirigHorcrux commented 7 years ago

i have implemented the simplest implementation, i only use the same code that you give in the introduction.

I got the slides to show now, but they overlap each other

JoshDSommer commented 7 years ago

@c13andka could you post a screen shot or gif? also what version of NativeScript you're running? not sure if it could be a compatibility issue, Also what device/emulator are you using? Thanks for the info 👍

SlirigHorcrux commented 7 years ago

20157749_10156045839883274_7623481407055808449_o

I added nr so i could se that the slides overlap each other, like in the example one slide have only 1 and another 2.

`

`

"nativescript": { "id": "com.firstvet.firstvet", "tns-ios": { "version": "3.1.0" }, "tns-android": { "version": "3.1.1" } }, "dependencies": { "angular/common": "~4.1.0", "angular/compiler": "~4.1.0", "angular/core": "~4.1.0", "angular/forms": "~4.1.0", "angular/http": "~4.1.0", "angular/platform-browser": "~4.1.0", "angular/platform-browser-dynamic": "~4.1.0", "angular/router": "~4.1.0", "email-validator": "^1.0.7", "moment": "2.16.0", "nativescript-angular": "~3.1.3", "nativescript-angular-snapshot": "^1.5.2-5.5.372.32", "nativescript-appversion": "^1.4.1", "nativescript-background-http": "3.0.0", "nativescript-camera": "^3.0.2", "nativescript-exit": "1.0.0", "nativescript-imagecropper": "0.0.7", "nativescript-imagepicker": "^3.0.6", "nativescript-iqkeyboardmanager": "^1.1.0", "nativescript-ngx-slides": "^0.4.1", "nativescript-opentok": "^2.0.1", "nativescript-social-login": "^1.5.2", "nativescript-social-share": "^1.4.0", "nativescript-telerik-ui": "^3.0.4", "nativescript-webview-interface": "^1.4.1", "reflect-metadata": "~0.1.8", "rxjs": "~5.3.0", "tns-core-modules": "^3.1.1", "zone.js": "~0.8.2" }, "devDependencies": { "angular/compiler-cli": "~4.1.0", "ngtools/webpack": "~1.5.0", "babel-traverse": "6.21.0", "babel-types": "6.21.0", "babylon": "6.15.0", "copy-webpack-plugin": "~4.0.1", "extract-text-webpack-plugin": "~3.0.0", "filewalker": "0.1.3", "json-loader": "^0.5.4", "lazy": "1.0.11", "nativescript-css-loader": "~0.26.0", "nativescript-dev-android-snapshot": "^0..", "nativescript-dev-sass": "^1.1.1", "nativescript-dev-typescript": "~0.5.0", "nativescript-dev-webpack": "^0.7.3", "raw-loader": "~0.5.1", "resolve-url-loader": "~2.1.0", "shelljs": "^0.5.3", "tns-platform-declarations": "^3.1.0", "typescript": "~2.2.1", "webpack": "~3.2.0", "webpack-bundle-analyzer": "^2.8.2", "webpack-sources": "~1.0.1" },

device : LG Nexus 5x emulator: Nexus 6 api - 23

JoshDSommer commented 7 years ago

Ahh, you will want to set a background color for the slides. I've never left them transparent so its not necessarily something i've thought about. is that a used case you need? I believe if you set a background color or image for the main slide container it should fix it as well.

SlirigHorcrux commented 7 years ago

I have the same implementation as you do in the readme file, so i also have css. As you can se on the picture the background is grey and not white. Because i never got this to work, i implemented the other packade.

I can still not slide the slides also. what nativescript angular version are you using ?

JoshDSommer commented 7 years ago

currently, it's using tns 3.0.0 and angular 4.1.0. you can see that in the package dependencies. another thing you might want to try is setting the width 100%

SlirigHorcrux commented 7 years ago

Got it to work :) but so you know, it will break with a tap gesture on a gridlayout inside the slides :) or for me it did, stacklayout goes fine.

angelscat commented 7 years ago

@c13andka I have the same problem, how did you fix it?

JoshDSommer commented 7 years ago

@c13andka Awesome! I'm glad that works for you . do you happen to know if the tap gesture on the grid layout works in iOS?

SlirigHorcrux commented 7 years ago

it does, it is in android that it don't work