Failed resolving method setChecked on class android.widget.Switch #943

Activity

1. NickIliev commented on Aug 15, 2017

   

   NickIliev

   on Aug 15, 2017

   Author

   More actions

   From @LunicLynx on August 14, 2017 22:52

   This is a workaround:

   export class AppComponent implements OnInit, OnDestroy {
       subscription: Subscription;
       dataSubject: BehaviorSubject<{ toggle: boolean }> = new BehaviorSubject({ toggle: true });
       data = this.dataSubject.asObservable();
   
       ngOnInit(): void {
           this.subscription = Observable.of({ toggle: false }).delay(5000).subscribe(
               data => {
                   this.dataSubject.next(data);
               }
           );
       }
   
       ngOnDestroy(): void {
           this.subscription.unsubscribe();
           this.subscription = null;
       }
   }

   But i think it should work either way.
2. NickIliev commented on Aug 15, 2017

   

   NickIliev

   on Aug 15, 2017

   Author

   More actions

   From @EddyVerbruggen on August 15, 2017 8:43

   I'm not sure if it helps for your case, but have you tried this?

   <StackLayout>
       <Switch [(ngModel)]="data?.toggle"></Switch>
   </StackLayout>
3. sis0k0 commented on Aug 16, 2017

   

   sis0k0

   on Aug 16, 2017

   Contributor

   More actions

   related to #846
4. sis0k0

   added

   bug

   on Aug 16, 2017
5. sis0k0

   added this to the 4.3This milestone has been deleted milestone on Aug 16, 2017
6. LunicLynx commented on Aug 18, 2017

   

   LunicLynx

   on Aug 18, 2017

   Last edited by LunicLynx

   More actions

   @NickIliev it's not possilbe to use the ?. operator in two way bindings.

   👍React with 👍1Reacted by arLevi

   😕React with 😕1Reacted by Flyn Sequeira
7. vakrilov

   modified the milestones: 4.x (TBD)This milestone has been deleted, 4.3This milestone has been deleted on Aug 21, 2017
8. jarrodchesney commented on Aug 25, 2017

   

   jarrodchesney

   on Aug 25, 2017

   More actions

   This worked for me, I've made the names more generic, but otherwise this is my code.

   My XML/HTML

       <Switch #boolValSw [checked]="obj?.boolVal"            
           (checkedChange)="setBoolVal(boolValSw.checked)" ></Switch>
   

   My TypeScript

       obj = {boolVal:false};
   
       setBoolVal(val:boolean) {
           this.obj.boolVal = val;
       }
   
   
9. tsonevn

   added

   ready for test

   on Oct 3, 2017
10. tsonevn

    modified the milestones: 4.x (TBD)This milestone has been deleted, 4.3This milestone has been deleted on Oct 3, 2017
11. vakrilov

    self-assigned this

    on Oct 10, 2017
12. NativeScript

    deleted a comment from tsonevn on Oct 10, 2017
13. vchimev

    self-assigned this

    on Oct 11, 2017
14. vakrilov

    removed

    ready for test

    on Oct 11, 2017
15. vakrilov

    closed this as completedon Oct 11, 2017
16. vchimev

    removed their assignment

    on Oct 11, 2017
17. flynsequeira commented on Feb 7, 2019

    

    flynsequeira

    on Feb 7, 2019

    More actions

    Facing this issue with Text Field:
    <TextField hint="Eg. Ford" [(ngModel)]="car.make" class="car-list-even" required>
    and on ngOnInit() I have this.car['make']='Ford' and it crashes with the above error.
18. justintoth commented on Dec 13, 2021

    

    justintoth

    on Dec 13, 2021

    More actions

    I'm hitting this issue with the Switch widget, this was NOT resolved...

    System.err: An uncaught Exception occurred on "main" thread.
    System.err: Calling js method onCreateView failed
    System.err: Error: java.lang.Exception: Failed resolving method setChecked on class android.widget.Switch
    System.err: 
    System.err: StackTrace:
    System.err: [checked:setNative](file: node_modules/@nativescript/core/ui/switch/index.android.js:67:0)
    System.err:     at applyAllNativeSetters(file: node_modules/@nativescript/core/ui/core/properties/index.js:1137:0)
    System.err:     at initNativeView(file: node_modules/@nativescript/core/ui/core/properties/index.js:1080:0)
    System.err:     at onResumeNativeUpdates(file: node_modules/@nativescript/core/ui/core/view-base/index.js:737:22)
    System.err:     at _resumeNativeUpdates(file: node_modules/@nativescript/core/ui/core/view-base/index.js:280:0)
    

    👍React with 👍1Reacted by arLevi
19. arLevi commented on Apr 14, 2023

    

    arLevi

    on Apr 14, 2023

    Last edited by arLevi

    More actions

    Wanted to share my workaround until this is resolved, in my case, I had a list of items which next to each I wanted to give a Switch to turn on/off .. it was a part of a list ( for loop ) so I had to have some kind of data-binding for each switch on the items list.

    I wrote it like so:

    # Instead of two-way data binding which result an error above
    <Switch [checked]="item.checked">
    
    # I wrote it as non binding:
    <ng-template let-item="item" let-index="index">
      <StackLayout>
        <Switch checked="{{ item.checked }}">
      </StackLayout>
    </ng-template>
    

    And to answer the above question what was missing for you was also the $event so an example of how I used it as a list vs a single switch - I passed both index and $event to the function:

    # html
    <Switch checked="{{ item.checked }}" (checkedChange)="switched(index, $event)">
    
    # ts
    import { Switch } from "@nativescript/core";
    
    switched(index, args: EventData) {
      let switch_item = args.object as Switch;
      this.my_items_array[index].checked = switch_item.checked;
    }