ui-pager
ui-pager copied to clipboard
iOS Layout issues using Label with maxLines
trafficstars
When using a Label with maxLines inside a pager's item, we see some layout issues on iOS. Sometimes, the Label's content is trimed to one line, even though it should be shown within two lines. And sometimes the Label is shown with a margin on the top.
https://user-images.githubusercontent.com/6443021/189871350-65f0eba1-10ca-4fc9-910c-d36cb8eca906.mov
<StackLayout className="pager-container">
<Label text="My items" className="pager-header-title"/>
<pager:Pager items="{{ items }}" className="pager">
<pager:Pager.itemTemplate>
<GridLayout rows="*" className="pager-item-outer">
<StackLayout row="0" padding="15">
<Label text="{{ title }}" maxLines="2" className="pager-item-title"/>
<!--<Label text="{{ subtitle }}" maxLines="2" className="pager-item-subtitle" marginTop="5"/>-->
</StackLayout>
</GridLayout>
</pager:Pager.itemTemplate>
</pager:Pager>
</StackLayout>
Demo app to reproduce: ns-ios-pager-issue.zip
We are thankful for any feedback!