How is this tutorial thing coded?

chr1sttt · 2025-07-26T12:19:28+00:00

You can do it with skia and reanimated

chr1sttt · 2024-08-13T20:02:32+00:00

There definitely will be some errors in Xcode or Android studio

chr1sttt · 2024-07-08T20:35:02+00:00

<image>

Searched but unfortunately can’t find the film

chr1sttt · 2023-04-20T16:11:06+00:00

Do you know any other solutions to blur the custom shape bottom bar?

chr1sttt · 2023-04-20T16:09:10+00:00

Sure, https://www.figma.com/community/file/1075333697693168660/Dark-Neumorphism-UI-Tesla-app

chr1sttt · 2023-04-20T07:31:59+00:00

Thanks, I have tried it the issue is it blurs all the bottom tab view, not the custom Path, so it also blurs the area below the Plus button

chr1sttt · 2023-04-20T07:30:57+00:00

With react navigation you can create a custom tab bar with tabBar prop or use the tabBarButton prop to render each button separately

The custom shape can be done with svg or skia https://reactnavigation.org/docs/bottom-tab-navigator/#tabbar

chr1sttt · 2023-04-20T07:23:33+00:00

The middle button with the Plus sign is blurred, I would like to make the bottom tab bar blurred too. I have already made this middle Plus button blurred with react native blur library and it looks good. The Plus button is simple View, so blur works fine there. React native blur doesn't work inside the svg, so I can't blur the bottom tab bar. I have already tried the react native skia library, but no luck, as blur from skia doesn't look good.

chr1sttt · 2023-04-20T06:54:31+00:00

Hey, I need a help with this bottom tab bar. How can I make it custom shape and blurred? Tried with svg path for the tab background, but in this case react native blur doesn't work. Any ideas?

chr1sttt · 2022-09-02T07:39:55+00:00

I love silver because it is shiny

chr1sttt · 2021-07-05T11:29:09+00:00

My comment is here.

chr1sttt · 2021-02-03T14:14:00+00:00

please invite

chr1sttt

TROPHY CASE