1. Dependensi:
Pastikan Anda telah menambahkan dependensi http pada file pubspec.yaml Anda. Anda dapat menggunakan package http versi 0.13.4 atau versi yang lebih baru yang mendukung null safety. Berikut adalah contoh penggunaan package http dengan versi 0.13.4:
yaml
Copy code
dependencies:
flutter:
sdk: flutter
http: ^0.13.4
2. Impor: Impor package http ke dalam file Dart Anda:
dart
Copy code
import 'package:http/http.dart' as http;
3. Fungsi untuk mengambil data dari API:
Buat fungsi yang akan mengambil data dari API menggunakan package http. Berikut adalah contoh implementasi fungsi tersebut:
dart
Copy code
Future<String> getDataFromApi() async {
var apiUrl = 'https://api.example.com/data'; // Ganti dengan URL API yang sesuai
var response = await http.get(Uri.parse(apiUrl));
if (response.statusCode == 200) {
return response.body;
} else {
throw Exception('Failed to load data from API');
}
}
4. Menggunakan fungsi untuk mendapatkan data:
Anda dapat menggunakan fungsi yang telah dibuat untuk mendapatkan data dari API. Berikut adalah contoh implementasi penggunaan fungsi tersebut dalam sebuah Widget:
dart
Copy code
import 'package:flutter/material.dart';
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return FutureBuilder<String>(
future: getDataFromApi(),
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator();
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}');
} else {
return Text('Data from API: ${snapshot.data}');
}
},
);
}
}
Dalam contoh di atas, getDataFromApi() dipanggil dalam FutureBuilder untuk mendapatkan data dari API. Kemudian, tergantung pada status koneksi dan apakah ada kesalahan, tampilan yang sesuai akan ditampilkan.
Pastikan Anda menyesuaikan URL API dan tampilan widget dengan kebutuhan Anda. Selain itu, periksa juga dokumentasi package http untuk mengetahui lebih lanjut tentang cara mengkustomisasi permintaan dan respons dari API.