ScrollView help is needed

Questions
#1

Hi there.

I need help, please.

I need to get the following behavior of tabContainer:

  • the initial tabContainer height must be no more than the scrollwview content’s height
  • however, tabContainer can expand to a maximum of 100% allowed by its parent
  • if tabContainer in height already occupies all the free space of the ancestor, then further expansion is not happening, but scrolling appears
<box id="tabContainer">
    <scrollview scrollMode="inertial" percentContentWidth="100%" height="100%" contentLayoutName="horizontal">
   		<...contents....>
  	</scrollview>
</box>

I’m honestly confused in all these height:auto, percentContentWidth, initialHeight and other. And cannot get to desirable result.

image
image999×645 117 KB

#2

Hey,

so its hard to fully “understand” the UI from the image, but does something like this make sense? (keep in mind its just something ive thrown together real quick): http://haxeui.org/builder/?kxqswp

There is a slight pixel issue in the scrollview ive noticed, but i think its just a rounding error.

That the sort of thing you are after? Whats the app btw? Im liking the look of it, even with the blurred parts :slight_smile:

Cheers,
Ian

EDIT: what backend is this?

#3

Hi Ian,

thanks a lot for your attention. It’s almost what I wanted but… I had the similar result in one of my attempts. The problem is that the bottom has rounded corners. It’s not so round in original. But in playground variant I made them more expressive. So these corners should not dive out of screen.

EDIT: backend is openfl-canvas
p.s. I will send you app link to PM.

1 Like