nice! i'd be interested to know your process when integrating a prototype, i tried swiftui a couple of weeks ago and although i really enjoyed it i've found myself having to opt out of the defaults many times to match a custom design or interaction, having to reinvent the wheel

So currently I'm learning SwiftUI and starting to develop an expense tracker app. I know many apps like this already exist, but why not create a polished one as my learning milestone? 🤞
Also thanks to @arwasil for providing the App Store icon template

Basically similar to your ide and terminal each figure takes up the same fixed width , similar to how excel lines up numbers for easy scanning , that’s where the tabular (table ) comes into the name. There was a nice web resource but it has been taken down. Will try find another.

I think so? also increasing the amounts animation rate will be better or or or i’m just gettin old and can’t handle too much movements :|

Ahh its a modifier! I didn't know if there's that such a modifier, I will try and update here. Thankss Terrence 🙂

Emm never heard this! do you have any resource I could go through to learn more on this? sounds interesting 🙂

Cooking icon for my own expenses tracker app

This a good opportunity to use tabular lining figures ( monospaced numerals ) to keep it aligned.

To be honest nothing much. basically I made the prototype on figma/protopie then if im fine with it, I will just tried to re create it on SwiftUI, and here I mostly utilize @State and @Binding. Even sometimes I just do quick sketch on paper then do it right away on code

it's been great! there are a lot of free learning sources out there. and the cool thing is somehow beginners like me can recreate interactions that are made by prototyping tools such as Protopie easily and we can match exactly the interface like our design in figma.

I see the you for taking inspo from iMessage’s Plus icon

how's the swiftui learning experience going?

hehe you got me! I try my best to replicate it XD

1-2 line code to achive this number animation!

make sense! will try to play around with the easing animation to reduce the movement load. Thanks man!

Haha sorry about that! It because of center align and each amount/number has different width! but what do you think, should the currency symbol stay?

idk why i got 😵‍💫 cuz the Rp ikutan moving

Again im quite beginer here. I kinda the same, I do create a lot custom component to match the design. Even if we talk about app performance im not so sure what im making is good or not on performance even though it looks smooth 😅

I quite happy to have this hacky OCR frature too!!

haha yes that makes sense, same for me. thanks for sharing!

Yeah sure is this project swiftui? If so you can add the monospaced digit modifier.

Rad! It looks smart for numbers and especially easy to scan amounts as the decimal point does not move :)

Although is not accurate 100%! only simple vision kit implementation for OCR and the help of chatGPT API to clasify the scanned text will do the job! :)

Totally agree! Thanks again for the help and tips man 🙌

Easy happy to help, using this and a few other tricks myself

Posts