ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

Issue using header template with group template #1330

Open codytooker opened 4 years ago

codytooker commented 4 years ago

Please, provide the details below:

Tell us about the problem

With a RadListView when Using a header template and group template the header template does not show on IOS

Which platform(s) does your issue occur on?

iOS

RadListView "nativescript-ui-listview": "^8.0.1",

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

<template>
    <RadListView
      for="item in categoryArticles"
      :groupingFunction="articleGrouping"
    >
      <v-template name="header">
        <FlexboxLayout alignItems="center">
          <Icon  icon="book"  />
          <H1  horizontalAlignment="stretch"  :text="categoryTitle" />
        </FlexboxLayout>
      </v-template>
      <v-template name="group">
        <ListHeader :title="item.category"  />
      </v-template>
      <v-template>
        <Article :article="item" />
      </v-template>
    </RadListView>
</template>

<script>
export default {
  methods: {
    articleGrouping(item) {
      return item.typeLabel
    },
  },
}
</script>

Above is a code snippet to show what I am doing. Removing the group template causes the header template to show. This seems very similar to https://github.com/NativeScript/nativescript-ui-feedback/issues/1072 which says the problem has been fixed

NickIliev commented 4 years ago

@codytooker the above snippet is not enough to reproduce the issue - can you please create a sample Playground (or test project that you can share) demonstrating the above

grimwoodent commented 4 years ago

I made playground example https://play.nativescript.org/?template=play-vue&id=VtL3db&v=52

Same code for Lists, but "\<v-template name="group">"

Снимок экрана 2020-02-11 в 16 49 08

Basic code i took from https://github.com/NativeScript/nativescript-ui-samples-vue/blob/master/listview/app/examples/GroupWithHeaderFooter.ts