React Native で TikTok のホーム画面を開発していきます。

スタイルは TailwindCSS を使用します。

スナップ可能なアプリが開発できるので、アイデアの幅が広がります。

ぜひ参考にしてください。

目標

下記を学習していきます。

  • React Native でボトムナビゲーションを作成
  • React Native で TikTok のようなスナップできる画面を作成

完成

動画チュートリアル

動画でも解説しています。

https://youtu.be/z8mF0ETrNbI

機能

  • 動画表示
  • 一時停止ボタン

エラーが発生した場合

詳しいコードの解説は、React Native の公式ページを参考にして下さい。

React Native 公式ドキュメント
https://reactnative.dev/

React Navigation 公式ドキュメント
https://reactnavigation.org/

TailwindCSS チートシート
https://nerdcave.com/tailwind-cheat-sheet

もしエラーが発生したり、分かりにくい箇所は下記の GitHub にてソースコードを参考にして下さい。

https://github.com/haruyasu/reactnative_tiktok_tutorial

質問

気軽にご質問出来るフルスタックチャンネル Q&A サイトをリリースしました。

講座の不明点や個人開発の疑問点など、何でもご質問ください。

分かる質問は、回答して一緒に Django を盛り上げていきましょう。

https://www.fullstackchannel.com/

前提知識

このチュートリアルを始める前に、下記は学習しておいて下さい。

  • React
  • JavaScript

では、始めて行きましょう!!