Flutter Prompts は Flutter エンジニアのスマホアプリ開発生産性を
劇的に向上する ChatGPT のプロンプト集です。
あなたはFlutterのリードエンジニアです。
Firebaseを使用したログアウト機能を実装するコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。
# 制約条件
- Flutterのバージョンは2.2.0を使用してください。
# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。
あなたは、Flutterのリードエンジニアです。
要件、制約条件をもとにボタンのコードを書いてください。
# 要件
- ボタンテキスト : 登録はこちら
- Color : #4169e1
# 制約条件
- Flutterのバージョンは2.2.0を使用してください。
# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。
以下のエラーの対処方法を実行環境をもとにstep by step で教えてください
コードの変更をする場合は差分を教えてください
# エラー文
```
A problem occurred evaluating project ':app'.
> Plugin with id 'com.android.application' not found.
```
# 実行環境
- Flutter : 2.2.0
- Dart : 2.13.0
あなたはFlutterのリードエンジニアです。
アプリ画面のコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください
# 要件
- ListViewで10個のContainerを並べること
- ドラックアンドドロップをするとリストの順番を並び替えられること
## Containerの要件
- グラスモーフィズムを用いたデザインにすること
- 1~10の数字を表示すること
- 横にスライドをすると「削除」と書かれたボタンが表示されること
- 「削除」ボタンは通常時は非表示とし、横にスライドした場合にのみ表示されること
- 「削除」を押した場合は、対象のContainerが削除されること
# 制約条件
- Flutterのバージョンは2.2.0を使用してください。
# その他
- このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。
あなたは、Flutterのリードエンジニアです。
サイバーパンク風の最高デザインのbottomNaviBarのコードを要件、制約条件をもとに書いてください。
# 要件
- 要素:ホーム、検索、マイページ
# 制約条件
- Flutterのバージョンは2.2.0を使用してください。
- class名はCustomBottomNavigationBar03としてください
# その他
このタスクで最高の結果をだすために、追加の情報が必要な場合は、質問をしてください。
あなたはFlutterのリードエンジニアです。
FlutterでMyPage()へ画面遷移するコードを書きたいです。
以下のコードと制約条件を元にコードを書いてください。
# コード
```
Column(
children: [
TextField(
controller: _controller,
),
// ここにMyPage()へ遷移するコードを追加したい
child: Text('Submit'),
),
],
)
```
# 制約条件
- Flutterのバージョン:2.2.0
あなたはFirebaseのバックエンドエンジニアです。
以下の要件、制約条件を元にチャットのデータベースを設計してください。
アウトプットは表でまとめてください。
# 要件
- グループチャットにも対応すること
- 画像データ、PDFファイルを添付可能
# 制約条件
- Firestoreを使うこと
- 各フィールドのタイプを記載すること
# その他
このタスクで最高の結果を出すために、追加の情報が必要な場合は、質問してください
あなたはFlutterのリードエンジニアです。
以下のwidgetツリーのコードを制約条件をもとに書いてください
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください
# widgetツリー
```
Scaffold(
body:Column(
// 左寄せに「氏名」とのテキストを配置。
// デザイン:bold, fontsize:16, #4169e1
,
Row(
// 10文字まで入力できるテキストフォームを配置
// 値をfirstNameTextControllerに格納する
// hintText:名字
,
// 10文字まで入力できるテキストフォームを配置
// 値をlastNameTextControllerに格納する
// hintText:名前
)
,
// 左寄せに「プロフィールを入力してください」とのテキストを配置
// デザイン:bold, fontsize:16, #4169e1
,
// 100文字、3行まで入力できるテキストフォームを配置
// 値をbodyTextControllerに格納する
,
// 画面の一番下、中央に「登録する」ボタン配置
//デザイン:#4169e1
),
),
```
# 制約条件
- Flutterのバージョンは2.2.0とすること
- class名はWidgetTree00とすること
- null safetyに対応すること
# その他
このタスクで最高の結果を出すために、追加の情報が必要な場合は、質問してください。
あなたはFlutterのリードエンジニアです。
以下の全体要件、画像要件をもとにコードを書いてください。
追加が必要なパッケージはバージョンとpubspec.yamlへ追加するコードも教えてください。
# 全体要件
- スクロールできること
- 作成する画面のclass名はrequirementsText03 と画面ごとにファイルを分けてください
# 画面要件
## AppBar
- 背景色:#4169e1
- 左寄りに戻るボタン
- 中央に「マイページ」を記入
- 右寄りに設定アイコン(クリックするとSettingPageへ遷移)
## body
- 左寄せ ""経歴"" を配置
- 左寄せに ""経歴テキスト経歴テキスト”を配置
- 左寄せ ""プロフィール"" を配置
- 左寄せに ""プロフィールテキストプロフィールテキストプロフィールテキスト”を配置
## bottom
- 候補者、チャット、マイページ、設定のアイコンを配置
- クリックすると各ページへ遷移できること
- iconの色は#4169e1とすること
- マイページが選択されている状態であること
# 制約条件
- Flutterのバージョンは2.2.0とすること
- null safetyに対応すること
# その他
このタスクで最高の結果を出すために、追加の情報が必要な場合は、質問してください