-
パッケージのインストール: FlutterアプリケーションでMySQLデータベースに接続するには、まずflutter_mysqlパッケージをインストールする必要があります。pubspec.yamlファイルに以下の依存関係を追加します:
dependencies: flutter_mysql: ^X.X.X
パッケージのバージョンは最新のものを使用してください。
-
データの取得: データベースからデータを取得するためには、以下の手順を実行します:
import 'package:flutter/material.dart'; import 'package:flutter_mysql/flutter_mysql.dart'; class DataRetrievalScreen extends StatefulWidget { @override _DataRetrievalScreenState createState() => _DataRetrievalScreenState(); } class _DataRetrievalScreenState extends State<DataRetrievalScreen> { List<Map<String, dynamic>> data = []; @override void initState() { super.initState(); fetchData(); } Future<void> fetchData() async { final conn = await MySqlConnection.connect(DatabaseConnection.getConnectionSettings()); final results = await conn.query('SELECT * FROM your_table'); setState(() { data = results.toList(); }); await conn.close(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('データ取得'), ), body: ListView.builder( itemCount: data.length, itemBuilder: (context, index) { final item = data[index]; return ListTile( title: Text(item['title']), subtitle: Text(item['description']), ); }, ), ); } }
上記のコードでは、データベース接続設定を使用してデータベースに接続し、指定したテーブルからデータを取得しています。取得したデータは
data
リストに保存され、ListView.builderを使用して表示されます。必要に応じて、取得するデータのクエリを変更してください。
import 'package:flutter_mysql/flutter_mysql.dart';
class DatabaseConnection {
static MySqlConnectionSettings getConnectionSettings() {
return MySqlConnectionSettings(
host: 'your_host',
port: 3306,
user: 'your_username',
password: 'your_password',
db: 'your_database',
);
}
}
your_host
、your_username
、your_password
、your_database
を実際のデータベース接続情報に置き換えてください。
以上がFlutterでMySQLデータベースからデータを取得する基本的な方法です。他のアプローチやさらなる詳細については、公式ドキュメントや関連するリソースを参照してください。