Scrollview widget

The steps for using the scrollview widget are as follows:

  • Drag and drop the scrollview widget. Adjust the viewport size according to requirements. For instance, in this case, the scrollview widget is set to a size of 300*400, with the viewport adjusted to 300*200.

Scrollview Widget - Transparent :width: 100%

Scrollview Widget - Transparent

Viewport :width: 100%

Viewport

  • In the Child control section, map the widget which is to be displayed within the ScrollView. Alternatively, user can designate a container widget as the child for the viewport. Here, a vertical ListView has been assigned as the child control.

Vertical Listview widget :width: 100%

Vertical Listview widget

Mapping Widget :width: 100%

Mapping Widget

  • After configuring the ScrollView, export the project and simulate it to observe the ListView contents within the ScrollView. By scrolling vertically, user can navigate through the contents of the ListView seamlessly.

Scrollview in simulation

ScrollView Simulation