Hands on Expo

2024年04月03日 23:04:35 JST

成果物はこちら

https://github.com/yochidros/expo-sandbox

expoの公式チュートリアルを参考にtypescriptで作ってみた https://docs.expo.dev/tutorial/introduction/

ちゃんと公式でtyepscriptの導入もあるので問題なく進められた。

expoコマンドでweb,ios,androidをビルドできるのは感動。

expo startでデバッグできるがmetro同様keyでプラットフォームごと確認できるところもよい。

iosはcocoapods経由で必要なライブラリを導入している。 spm対応とかできないのか疑問🤔

appフォルダが(tabs)とかで作成するものはどこにあるのか次調べる。

2024年04月04日 22:04:18 JST

appフォルダが(tabs)とかで作成するものはどこにあるのか次調べる。

DynamicRoutingというものらしい。

https://docs.expo.dev/router/introduction/

ファイルベースでroutingを管理しているもの。

/homeなら以下の構成になる

app/
 - index.tsx
 - home.tsx // or
 - home/
     - _index.tsx
     - _layout.tsx (header, footerとかを固定にしたいユースケースなど...)

/users/{id}とかの場合は以下になる。

app/
 - index.tsx
 - users/
     - [id].tsx

知りたかった(tabs)はGroupといってURL上にそのパスを表示させないもの。

app/
 - index.tsx
 - (me)/
     - about.tsx
 - (article)/
     - [id].tsx

の場合は以下のroutingになる。

- /                                 => app/index.tsx
- /about                            => app/(me)/about.tsx
- /1                                => app/(article)/[id].tsx
- /baf9a79fd46948d4b91f421b9363372a => app/(article)/[id].tsx