[Solved]Query about top tab navigator

[tobi]

Hey can i make something like this with top tab navigator.
I want to navigate only text not the image.

Please reply,

[domhnallohanlon]

You’d have to do something like this @tobi

Changing properties of cloned components (DIY Advanced Listviewer)

We’re working hard to bring you the Extended Listviewer component to make developing your app even faster, but in the meantime here’s a DIY approach. By using the “Any Component” blocks in Thunkable, you are able to clone entire rows or columns of content. But what if you then want to change some of the components within the row or column? [20190723_121430] Design Usually you can leave the precise details of your design until the end, but in this case you need to know what components will be…

Does it have to have three rounded corners like that picutre?

(Nice design, by the way!)

[eoinparkinson]

Hi @tobi,

Unfortunately you cannot nest the top tab navigator, but you can create your own very easily using buttons, rows and columns, which would function pretty much the same.

(edit)

I decided I’d semi-recreate this template because it looked pretty cool.

Here’s the working project file: Thunkable

Blocks are commented. To add to the tabs just drag the components in using the tree view on the left of the screen because there are absolutely placed components that act really funky in the design viewer and won’t allow you to drag components onto the screen.

Live test it to see it in action

[tobi]

Thank you very much,
It worked perfectly.

[tobi]

No, it’s not mandatory to have a three corners rounded picture.

Thanks for reply,

[eoinparkinson]

Awesome! Be sure to share your app in #SuccessfullyTHUNKd when you’re done.