student_dio_getx

Student_dio_getx

FLUTTER API Getを使用してDioを使用して投稿します

Flutter GetX State Managementの例

このFlutterプロジェクトは、州管理にGETXパッケージを使用し、API呼び出しを実行し、フラッターアプリケーションでデータを表示する方法を示しています。

概要

• このプロジェクトでは、州の管理にgetXパッケージを使用しているため、アプリケーションの状態を効率的に管理および更新できます。
• API呼び出しを実行して、生徒のリストを取得し、ListViewに表示します。
• このプロジェクトには、新しい学生をリストに追加するフォームも含まれています。
• さらに、APIからデータが取得されている間に、円形ローダーが表示されます。

特徴

1. 州管理のためのGetX： GetXを使用して、アプリケーションの状態を管理しています。これには、学生を管理するためのコントローラー、テキストフィールドデータ、およびAPI呼び出しの処理が含まれます。

2. API統合：プロジェクトには、DIOパッケージを使用してAPI呼び出しを作成して学生のリストを取得する例が含まれています。 API応答は、ListViewに表示されます。

3. 生徒の追加：ユーザーは、フォームを使用して新しい生徒をリストに追加できます。フォームは入力を検証し、サーバーにデータを送信します。

4. 円形ローダー： APIからデータを取得している間、データがロードされていることを示すために円形ローダーが表示されます。

5. データが見つかりませんメッセージ： API応答が空の場合、「データなし」メッセージが表示されます。

プロジェクト構造

• lib/controllers/ ：州の管理に使用されるgetxコントローラーが含まれています。
• lib/views/ ：メイン画面や学生フォームを含むUIビューが含まれています。
• lib/main.dart ：フラッターアプリのエントリポイント。

スクリーンショット

1. すべての学生を見る。

   

2. 学生を追加します。

   

3. 成功したスナックバーを見せています。

   

4. 新しい学生を追加した後。