NativeScript / NativeScript/plugins

[nativescript-ui-listview] Only first item is displayed on iOS

Open
#352 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
206
Forks
123
Avg merge
2d 1h
Merged PRs (30d)
1

Description

Reproduce:

Create a demo project using the official template
ns create my-master-detail-ng-demo --template @nativescript/template-master-detail-ng

Do not need to change anything, leave the project as it is.

Run it on iOS ns debug ios

Observe that only one car is displayed but the list seems to have the correct height and is able to scroll. However, when the device orientation changes, the list renders correctly and when the device changes back to its original orientation, the list still renders correctly.

The screen recording is too big to upload here, please refer to this video:
https://1drv.ms/v/s!AsQrVqY9DKK0g48gJ1chzNSsnrCvIQ?e=H0BF4e

Screenshots:
image
image
image

However, running it on Android has no such issue.

1483201666363003_ pic

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with the official @nativescript/template-master-detail-ng template, then run ns debug ios and compare the initial rendering with the orientation-change behavior. Investigate the nativescript-ui-listview iOS path; done means all list items render correctly on first launch without requiring an orientation change, while Android remains unaffected.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, ios, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.