Skip to content

Commit

Permalink
chore: test
Browse files Browse the repository at this point in the history
  • Loading branch information
kuizuo committed Jun 3, 2024
1 parent a452a99 commit e8b3334
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion blog/develop/React Native 开发心得分享.md
Original file line number Diff line number Diff line change
Expand Up @@ -249,12 +249,18 @@ const { top } = useSafeAreaInsets();

这里我就不得不提到我为啥一开始选用 tamagui 了(现已迁移到 gluestack-ui),说实话我是有点后悔的,在一开始选定 UI 库的时候,我是选择 NativeWind 的,但后面无意刷到了 [T4-stack](https://t4stack.com/) (算是被他坑了),而它所用的便是 tamagui,并且一套代码跑 expo 与 next.js。于是便采用相同的项目结构以及 UI 库了。但事实上在我编写的过程中,想要一套代码就能实现跨三端(web,android,ios) 效果并不佳了,这在下一章便会说到。

## gluestack-ui
### gluestack-ui

首先它与 tamagui 相似,也采用 token 的方式来定义尺寸样式,但该库所对标的 token 设计就是Tailwindcss。此外该 UI 提供 NativeWind 的定制方案,意味着你的项目中可以集成了 NativeWind 用 Tailwindcss 的方式编写组件(类似 shadcn/ui),**并且还在 X 上表示 gluestack-ui + NativeWind 组合就是 React Native 的 shadcn/ui**。

因此我个人是比较看好的,不过目前该库目前还处于 Alpha 阶段,可以持续观望中。这个也是我目前最值得推荐的组件库。

### react-native-reusables

既然说到 shadcn/ui,那么 [react-native-reusables](https://rnr-docs.vercel.app/) 的写法则更像 shadcn/ui,目前这种基于 Tailwindcss 的headless css 真的是大势所趋,shadcn



## React Native 和 Next.js 应用程序共享代码

如果你想要在 React Native 和 Next.js 应用程序共享代码(UI,逻辑),你可以考虑使用 [solito](https://solito.dev/)。该库的写法上会更偏向于 next 的写法,举个例子。
Expand Down

0 comments on commit e8b3334

Please sign in to comment.