How to make complicated designs like bottom tab bar in react native?

Question

I want to make a tabbar like below in the application. How can I do that?

Please provide enough code so others can better understand or reproduce the problem. — Community, Jun 14 '22 at 00:30

score 1 · Answer 1 · answered Jun 13 '22 at 16:06

1

Make separation of whole design like below.

take normal icons for 3 buttons.
take normal view and align it to bottom, you can create component for it
in component, you create tab bar design by taking background image which contain curve design and home icon required whole rounded icon, just simply put them in view with TouchableOpacity which contains image. That's it !!

answered Jun 13 '22 at 16:06

Hitesh Prajapati

Congrats on your 1K rep :D, also, nice answer. – Syed M. Sannan Jun 13 '22 at 16:09

1 Answers1