如何在 React Native 中制作像底部标签栏这样的复杂设计？

Question

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

Answer 1

Make separation of whole design like below.

1. take normal icons for 3 buttons.

2. take normal view and align it to bottom, you can create component for it

3. 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 !!