TabFolder

This widget can switch between Tabs. It extends Composite class, and its child widgets can only be Tabs. TabFolder does not compute its size, meaning that its width and height must be defined by the respective layout properties (e.g., either width or left and right must be specified). Property tabBarLocation determines the position of the TabFolder bar. It can be changed only on widget creation. The property accepts values of top, bottom, hidden, and auto. If set to hidden, make sure to allow paging. Otherwise, you won’t be able to switch between tabs.

Here is how the simple TabFolder looks in JS syntax:

And the same example in JSX:

By using selectionIndex property, you can decide which tab will be selected initially. And paging property allows swiping between the tabs. Run the example below using QR code to see the swipe in action:

For more detailed information about the widget, use the TabFolder documentation page.