Giter Site home page Giter Site logo

nativescript-confettiview's Issues

pointers on Angular integration

hi, @NathanWalker - almost have it working great in my Angular app! But I'm having a little trouble controlling the confetti from Angular lifecycle hooks. I need to be able to start the confetti ad hoc, after a certain number of practice sessions happen in my app.

I have registered the element in the component file:

import { registerElement } from "nativescript-angular/element-registry";
registerElement('ConfettiView', () => require('nativescript-confettiview').ConfettiView);

and use the standard tag markup on my .html file:
<ConfettiView #confetti fullScreen="true">...</ConfettiView>

But the confetti always starts up right away, and I can't disable it from the component file, either in ngOnInit or ngAfterViewInit. I can only stop the confetti from a button press once everything is loaded in the view.

I think if we could get the tag to have auto-start set to false available in Angualr this would solve the problem.

thanks!

Compilation error

I have this issue:

Constructing build description

error: SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'SAConfettiView' from project 'Pods')error: SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'SAConfettiView' from project 'Pods')

Function Error

Hey, I was just trying this out for the fun of things. Following you demo-ng guide. Let me know what you think.
Running into this error:
ERROR TypeError: this.confetti.nativeElement.startConfetti is not a function.
ERROR CONTEXT {
JS: "view": {
JS: "def": {
JS: "nodeFlags": 402653185,
JS: "rootNodeFlags": 402653185,
JS: "nodeMatchedQueries": 2,
JS: "flags": 0,
JS: "nodes": [
JS: {
JS: "nodeIndex": 0,
JS: "parent": null,
JS: "renderParent": null,
JS: "bindingIndex": 0,
JS: "outputIndex": 0,
JS: "checkIndex": -1,
JS: "flags": 402653184,
JS: "childFlags": 0,
JS: "directChildFlags": 0,
JS: "childMatchedQueries": 0,
JS: "ngContentIndex": -1,
JS: "matchedQueries": {},
JS: "matchedQueryIds": 0,
JS: "references": {},
JS: "childCount": 0,
JS: "bindings": [],
JS: "bindingFlags": 0,
JS: "outputs": [],
JS: "element": null,
JS: "provider": null,
JS: "text": null,
JS: "query": {
JS: "id": 1,
JS: "filterId": 2,
JS: "bindings": [
JS: {
JS: "propName": "confetti",
JS: "bindingType": 0
JS: }
JS: ]
JS: },
JS: "...

Upgrade to latest Swift version

hi, before I can run the demo, I am prompted to upgrade to the latest Swift version. Would it be possible to upgrade the plugin?

Also I'd really love to have an Android version of this... ping ping @triniwiz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.