>

Nativescript Vue를 사용하여 앱을 개발 중입니다. WrapLayout이 있고 그 안에 ListView (및 다른 구성 요소도 있음)가 있습니다.

    <ListView for="event in selectedDayNotes" class="home__notes-list">
        <v-template>
          <WrapLayout class="home__notes-list-item">
            <Label class="home__notes-list-item-note" :text="event.title" />
            <Label class="home__notes-list-item-time" :text="event.startDate.getHours() + ':' + event.startDate.getMinutes() + ' - '" />
            <Label class="home__notes-list-item-time" :text="event.endDate.getHours() + ':' + event.endDate.getMinutes()" />
          </WrapLayout>
        </v-template>
      </ListView> 

selectedDayNotes는 배열을 반환하는 계산 된 속성입니다.

SCSS :

 &__notes-list-item {
    background: white;
  }
  &__notes-list-item-note {
    font-size: 15px;
    width: 100%;
  }
  &__notes-list-item-time {
    font-size: 18px;
    font-weight: 600;
  }

따라서 앱의 ListView에 항목을 추가하지만 (selectedDayNotes 업데이트 및 ListView에 새 요소가 표시됨) ListView는 스크롤 할 수 없습니다. 스크롤하려면 어떻게해야합니까?


  • 답변 # 1

    글쎄, 나는이 랩핑 ListView를 ScrollView에 넣을 수있었습니다. 이상한 이야기-문서는 아무 말도하지 않습니다.

    코드는 다음과 같습니다.

         <ScrollView class="home__notes-list-wrapper">
            <ListView for="event in selectedDayNotes" class="home__notes-list">
              <v-template>
              //whatever you want inside some sort of layout
                <WrapLayout class="home__notes-list-item">
                  <Label class="home__notes-list-item-note" :text="event.title" />
                  <Label class="home__notes-list-item-time" :text="event.startDate.getHours() + ':' + event.startDate.getMinutes() + ' - '" />
                  <Label class="home__notes-list-item-time" :text="event.endDate.getHours() + ':' + event.endDate.getMinutes()" />
                </WrapLayout>
              </v-template>
            </ListView> 
          </ScrollView>
    
    

    또한 CSS에서 원하는 ScrollView 높이를 설정했습니다.

  • 이전 리플렛 마커를 찾을 수 없음 생산 환경 앵귤러 7
  • 다음 amazon s3 - S3 버킷에 대한 VPC 액세스 정책