jawa-the-hutt / nativescript-vue-shadow

MIT License
15 stars 7 forks source link

Crash on Listview #10

Open Lengo46 opened 3 years ago

Lengo46 commented 3 years ago

Whenever I use this shadow framework on a (rad)Listview, it crashes

***** Fatal JavaScript exception - application has been terminated. *****
NativeScript encountered a fatal error: Uncaught TypeError: Cannot read property 'insertBefore' of null
at
addIOSWrapper(file: node_modules/nativescript-vue-shadow/dist/nativescript-vue-shadow.esm.js:397:19)
at inserted(file: node_modules/nativescript-vue-shadow/dist/nativescript-vue-shadow.esm.js:438:18)
at callHook(file: node_modules/nativescript-vue/dist/index.js:6014:6)
at callInsert(file: node_modules/nativescript-vue/dist/index.js:5953:8)
at wrappedHook(file: node_modules/nativescript-vue/dist/index.js:2575:9)
at invokeWithErrorHandling(file: node_modules/nativescript-vue/dist/index.js:1862:25)
at invoker(file: node_modules/nativescript-vue/dist/index.js:2515:8)
at invokeInsertHook(file: node_modules/nativescript-vue/dist/index.js:5680:27)
at patch(file: node_modules/nativescript-vue/dist/index.js:5899:4)
at patchTemplate(file: node_modules/nativescript-vue/dist/index.js:6991:19)
at updateViewTemplate(file: src/component.ts:207:34)
at onItemLoadingInternal(file: src/component.ts:213:13)
at invokeWithErrorHandling(file: node_modules/nativescript-vue/dist/index.js:1862:25)
at invoker(file: node_modules/nativescript-vue/dist/index.js:2519:13)
at _handleEvent(file: src/packages/core/data/observable/index.ts:300:10)
at notify(file: src/packages/core/data/observable/index.ts:282:14)
at prepareCell(file: src/ui-listview.ios.ts:2191:13)
at TKListViewDataSourceImpl.listViewCellForItemAtIndexPa<…>

 <RadListView ref="listView2" for="item in joinedGroups" v-if="joinedGroups.length > 0" :height="calculateHeight()">
                      <v-template>
                        <StackLayout class="group-card" orientation="horizontal" v-shadow="2">
                          <StackLayout width="80" class="group-image-box">
                            <Image :src="item.get('groupImage').url()" width="100%" height="100%" stretch="aspectFill" class="group-image" />
                          </StackLayout>
                          <GridLayout rows="auto" columns="*" class="group-text-wrapper">
                            <StackLayout>
                              <StackLayout row="0" height="20" class="group-ranking" verticalAlignment="center" horizontalAlignment="right">
                                <Label text="#14" class="group-ranking-number" />
                              </StackLayout>
                              <Label :text="item.get('groupName')" class="group-title" />
                              <Label :text="item.get('groupDescription')" class="group-des" textWrap="true" />
                            </StackLayout>
                          </GridLayout>
                        </StackLayout>
                      </v-template>
                    </RadListView>