Thunkable (9) Sign In component

ユーザ登録とユーザログイン画面を作る

Local Storage: アプリを終了させても残るデ-タを持つことができる部品。デ-タはキ-とバリュ-の対で記憶される.

今回のアプリは、キーemailとpasswordで、ユーザのログイン情報をローカルに保存する。

画面デザイン

4つ画面で構成する

  1. 初期画面
  2. ユーザ登録画面
  3. ログイン画面
  4. 写真共有画面

初期画面デザイン

image

ユーザ登録画面デザイン

image

ログイン画面デザイン

image

ブロック

4つ画面でそれぞれブロックがある

  1. 初期画面ブロック
  2. ユーザ登録画面ブロック
  3. ログイン画面ブロック
  4. 写真共有画面ブロック

初期画面ブロック

image

ユーザ登録画面ブロック

image

ログイン画面ブロック

image

参考ビデオ