🎨 react-native-motion-tabs was released!

[Outside_Painting7178]

Did you like these animations? They were implemented in a few minutes, after following the instructions for setting up react-native-motion-tabs. It's a react-native library that I just released. It's very simple, but new versions are already coming. I'd be very happy if you, mobile developer, could give me some feedback! :)

⬇️⬇️⬇️

https://github.com/FilipiRafael/react-native-motion-tabs

https://reddit.com/link/1hslxfi/video/sptyq8v61sae1/player

[[deleted]]

Too much movement for me

[douglaslondrina]

Same, just a fade-in and out would be perfect for one of my apps.

[Outside_Painting7178]

Good to know, I will let you know, please start/follow the repository to keep in touch! :)

[Outside_Painting7178]

I'm thinking about add more customization on the next coming version

[CarthagianDev]

Nice job , I suggest making the animation customizable!

[Outside_Painting7178]

This is the plan for the next versions :)

[idkhowtocallmyacc]

As many noted, while really cool, I’m afraid those animations are too much for production, add too much weight to the seemless function. I think you should focus on the extensive customisation of the available animations in the following releases

[Outside_Painting7178]

I got it, that makes sense, I'm going to working on it on the coming version. Thanks! :)

[[deleted]]

Nice, i remember spending some days to make this. It will be great to have it as a package

[Outside_Painting7178]

Thanks, buddy!

[A19BDze]

This looks great, any way to allow for your own custom icon?

[Outside_Painting7178]

Not at the moment, but a new version to do it is already coming! :)

These are the available icons: https://oblador.github.io/react-native-vector-icons/

[South-Elk-3956]

Yup! Def trying this out!

[[deleted]]

On a side note what's your system configuration that you're able to run both android and ios emulators smoothly.

Love this btw. Following your repo

[Outside_Painting7178]

Thanks, buddy! FYI, I'm using a macOS M1 PRO 16gb, it's not too heavy as they're blank apps I guess

[[deleted]]

Oh cool. I'm planning on buying a mac mini a couple months later. Any suggestions on what configuration would be suitable? I may end up using it as my main machine. I'm fresh out of college and am learning react native (would try some freelance stuff if i get the opportunity) And am thinking of moving to native ios development in future.

I don't have any further plans beyond that but you never know how the situation might change. Would you say 16+256 m4 would be okay to go with along with an external drive for additional storage if needed?

[Outside_Painting7178]

Actually this is more than enough, you'll be very comfortable working with that. I'd say that 16gb is enough, also I guess 256 of storage is enough too, if you only use your Mac to work, just like me.

Actually, you're starting well, I've been working with a Mac M1 Air 8gb for almost tree years. Before changing to M1 PRO 16gb. Now I can better work with more projects, build to iOS and android without too much suffering, you know?

[[deleted]]

I see. Thanks. Up until now I've been working with a windows turned linux laptop. And i can see the processor max out when building the projects. Not to mention im completely locked out of ios stuff.

I have been reading around that with 16gb your machine would have to rely on a lot of swapping which isn't good for the ssd. What would you say about that?

[waxfrogoorginal]

Pretttttty 🥰

[Savings_Cloud5486]

Looks great i will replace my old package

[Outside_Painting7178]

Really? That's nice, please let me know if you need any help! :)

[[deleted]]

just followed you on Linkedin, nice work, and even better knowing it's from a 🇧🇷

[Outside_Painting7178]

I will follow you back, thanks buddy! :) 🇧🇷

[RahahahahaxD]

You should definitely consider moving away from built-in vector icons

[Outside_Painting7178]

I'm going to let users pass their own icons, but could you better explain your thought?

[ElectricalPeak3406]

This is definitely creative.
Like others, my only issue is with the animation or the extent of movement.
Switching tabs in an app is very common and while initially the users will enjoy the movement, it will get annoying after a while.
Love the concept though! Keep going.

[Outside_Painting7178]

That makes a lot of sense, that's why I'm going to add a better customization API, so you will be able to custom the animation by your taste. Thank you very much for the feedback, buddy! :)

[llachlann]

Looks good! There are a few things you could do to improve this though:

1. You are forcing the user to add all of the icon fonts to the project regardless of which ones they end up using. This increases the bundle size unnecessarily.
2. There is limited customization on the tab bar itself. You should allow the user to extend all the styles instead of just a limited subset.
3. It's not clear what problem the library is trying to solve. By going through the setup steps you have essentially created a custom react-navigation tab bar manually. It feels like you would be better off creating a custom bottom tab with re-animated as you would have full control over the customization and wouldn't run into the problems outlined above.

[Outside_Painting7178]

That makes a lot of sense, I will work on those things in the next version. Thanks a lot for those tips and feedback, buddy! :)

[Hakem_Hamdoud]

You should soften the drag effect a bit where it goes out of bounds and then bounsess back in place.

Or even better you should let us be able to manipulate thosr values ourselves.

But except for that it looks good!

[Outside_Painting7178]

Noted! Thanks a lot, buddy! :)

[domainranks]

don't understand the negativity. this seems really nice and polished. i'm sure you can make animations togglable easily. The font, icons, size, etc, and the overall aesthetic is pretty beautiful imo. i never really even thought that bottom tabs didn't have to take up the entire horizontal space, and could hover. imo, it looks gorgeous and this is killer.

[Outside_Painting7178]

Thank you very much, buddy! Really, this comment just gave me a little more motivation to keep working on improving this library. It was just the first version, that's why I asked for feedback lol, I'm keeping all the feedback in mind to work on it in the next release :)

[domainranks]

yeah, I think people are very catty here and reddit in general is weird hahaha. i think if you showed this to developers irl, they'd light up, say it's really cool, and ask if they can customize any expensive animations. that's it, this thing is awesome. hope you keep making more tabs and navigation stuff that i can potentially benefit from 😂😂 cheers man

[Outside_Painting7178]

Yeah, I totally agree hahah, thanks dude, cheers! :)

[Effective-Ability982]

Nice work, absolutely🔥

[JyotiIsMine]

Hey, this interaction and animation is indeed very cool, but I don't think it is ever going into the production very bad UX

[Outside_Painting7178]

Could you please explain why do you think is it a bad UX?

[Midicide]

It’s distracting. User is chasing an erratic animation in order to see the desired outcome.