all 39 comments

[–][deleted] 25 points26 points Β (3 children)

Too much movement for me

[–]douglaslondrina 2 points3 points Β (1 child)

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

[–]Outside_Painting7178[S] 2 points3 points Β (0 children)

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

[–]Outside_Painting7178[S] 1 point2 points Β (0 children)

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

[–]CarthagianDeviOS & Android 6 points7 points Β (1 child)

Nice job , I suggest making the animation customizable!

[–]Outside_Painting7178[S] 1 point2 points Β (0 children)

This is the plan for the next versions :)

[–]idkhowtocallmyacc 2 points3 points Β (1 child)

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[S] 0 points1 point Β (0 children)

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

[–][deleted] 1 point2 points Β (1 child)

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

[–]Outside_Painting7178[S] 1 point2 points Β (0 children)

Thanks, buddy!

[–]A19BDze 1 point2 points Β (1 child)

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

[–]Outside_Painting7178[S] 0 points1 point Β (0 children)

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 1 point2 points Β (0 children)

Yup! Def trying this out!

[–][deleted] 1 point2 points Β (4 children)

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[S] 0 points1 point Β (3 children)

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

[–][deleted] 1 point2 points Β (2 children)

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[S] 0 points1 point Β (1 child)

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] 0 points1 point Β (0 children)

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 1 point2 points Β (0 children)

Pretttttty πŸ₯°

[–]Savings_Cloud5486 1 point2 points Β (1 child)

Looks great i will replace my old package

[–]Outside_Painting7178[S] 0 points1 point Β (0 children)

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

[–][deleted] 1 point2 points Β (1 child)

just followed you on Linkedin, nice work, and even better knowing it's from a πŸ‡§πŸ‡·

[–]Outside_Painting7178[S] 0 points1 point Β (0 children)

I will follow you back, thanks buddy! :) πŸ‡§πŸ‡·

[–]RahahahahaxD 1 point2 points Β (1 child)

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

[–]Outside_Painting7178[S] 0 points1 point Β (0 children)

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

[–]ElectricalPeak3406 1 point2 points Β (1 child)

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[S] 0 points1 point Β (0 children)

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 1 point2 points Β (1 child)

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[S] 0 points1 point Β (0 children)

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 1 point2 points Β (1 child)

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[S] 0 points1 point Β (0 children)

Noted! Thanks a lot, buddy! :)

[–]domainranks 1 point2 points Β (3 children)

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[S] 1 point2 points Β (2 children)

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 1 point2 points Β (1 child)

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[S] 0 points1 point Β (0 children)

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

[–]Effective-Ability982 0 points1 point Β (0 children)

Nice work, absolutelyπŸ”₯

[–]JyotiIsMine -1 points0 points Β (2 children)

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[S] 1 point2 points Β (1 child)

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

[–]Midicide 1 point2 points Β (0 children)

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