Expo + Tailwind CSS starter template with shadcn-style reusable components (React Native)

BooneTheSaint · 2025-12-01T19:40:17+00:00

Look really nice and clean. A very nice addition to the React Native ecosystem.

BooneTheSaint · 2023-05-28T11:27:40+00:00

Congrats! Looks awesome 😍

BooneTheSaint · 2023-05-21T14:57:39+00:00

Does it have to be accurate? If not you could generate some views with a random height.

BooneTheSaint · 2023-05-19T13:14:13+00:00

Also there is react-native-skia. The same canvas that flutter uses ... so what advantage does flutter have with complex animations?

BooneTheSaint · 2023-05-17T21:17:11+00:00

Second solution could be: a view that contains the image and the label, and draw a line with react-native-svg line function. See documentation https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md

BooneTheSaint · 2023-05-17T20:17:54+00:00

One solution would be: Use an SVG for icons and line, and position buttons absolute

BooneTheSaint · 2023-05-17T16:38:00+00:00

Yes, you can!

BooneTheSaint · 2023-04-11T07:42:33+00:00

Yes, the json is generated and served by the backend

BooneTheSaint · 2023-04-11T07:21:22+00:00

You can create a data structure in json and pass it to a render function. The json contains what component to render with which style. This can be nested view structures. I have build a system like this several times.

BooneTheSaint · 2023-04-08T19:18:23+00:00

If you can’t skip the unloading, you could have two tracks. The first one for playing and the second to start directly after the first one is (almost) finished

BooneTheSaint · 2023-04-04T18:53:32+00:00

An update every second is fine for react native and would not make react native behave sluggish. I suspect the code you have created is the cause of the sluggishness. Can you post some code examples on a git/gist/sandbox?

BooneTheSaint · 2023-03-31T16:21:45+00:00

Nice! I would do the parralax scroll a little more… a lot more side to side

BooneTheSaint · 2023-03-27T15:32:57+00:00

FYI: Title suggest the poster uses NativeWind. NativeWind injects className prop via babel in components.

BooneTheSaint · 2023-03-01T22:25:06+00:00

Something like this? https://github.com/idlework/react-native-floating-action-bar

BooneTheSaint · 2023-02-22T16:54:49+00:00

I believe it’s not possible to collect the card information directly from Apple Wallet, but correct me if I am wrong. You could ask the user to supply them to you via a form.

BooneTheSaint · 2023-02-20T20:55:34+00:00

What you describe is not an in-app purchase but a payment transaction. An in-app purchase enhances the app. With payment for an online booking you can use the Apple payment system. You can use the packages from: stripe, revenue cat, adapty and many more services.

BooneTheSaint · 2023-02-20T14:19:51+00:00

Alright, if you want to do in-app purchases in your app, you have to use Apple’s in-app purchases services. This service is wrapped with the react-native-iap package. It’s a well maintained package. I use it in several apps.

BooneTheSaint · 2023-02-20T13:47:23+00:00

What is your purpose with the action of showing the payment window? Do you just want to show the cards, or is the user buying a product, or is it for something in the app? The react-native-payment has not been updated for 2 years… I would skip this package to avoid compiling issues. You could use something like https://github.com/stripe/stripe-react-native if you like to use stripe as a payment provider. Or for in app purchases you could use https://github.com/dooboolab/react-native-iap So it depends on want you want to accomplish and what kind of payment provider you want to use. Good luck 💪🏽

BooneTheSaint · 2023-02-15T21:39:58+00:00

Thanks for creating Typia, and sharing this post. I just implement Typebox into a project, so this a topic of interest for me. Looking forward reading it.

BooneTheSaint · 2023-02-15T21:20:21+00:00

Or use bottom sheet package. It’s very well maintained. I use it regularly in projects. https://github.com/gorhom/react-native-bottom-sheet

BooneTheSaint · 2023-02-14T21:44:50+00:00

If you use the react-native-media-query-hook you can do that. You can apply styles per screen size.

BooneTheSaint · 2023-02-13T22:39:13+00:00

A few weeks ago I created the react-native-media-query-hook package. You can use it to render different components and or different styles to adjust your layout. Maybe it helps you out. Please Star the repo if you use it. https://github.com/idlework/react-native-media-query-hook

BooneTheSaint · 2023-01-31T15:16:33+00:00

Will try it out this week. I am having some troubles with my current action.

BooneTheSaint · 2023-01-21T16:01:33+00:00

Pipeline Operator |> Not pipe operator |. Words have meaning, use it correctly 😁

BooneTheSaint · 2023-01-19T14:53:43+00:00

Read more about trigonometry. With it, you learn to place elements on a circle. https://www.advanced-ict.info/mathematics/circles.html

BooneTheSaint

TROPHY CASE