DEV Community: Chintan Gohil

Fetxhing-keys

Chintan Gohil — Sat, 21 Jun 2025 02:14:15 +0000

//base_services import 'dart:convert';
import 'dart:io';

import 'package:aqark/models/ad_master.dart';
import 'package:aqark/models/category_master.dart';
import 'package:aqark/models/google_address.dart';
import 'package:aqark/models/message/message.dart';
import 'package:aqark/models/message_master.dart';
import 'package:aqark/models/notification_master.dart';
import 'package:aqark/models/otp_send_master.dart';
import 'package:aqark/models/property_detail_master.dart';
import 'package:aqark/models/property_list_master.dart';
import 'package:aqark/models/region_master.dart';
import 'package:aqark/models/user.dart';
import 'package:aqark/utils/closable_multipart_request.dart';
import 'package:aqark/utils/constant.dart';
import 'package:async/async.dart';
import 'package:connectivity_plus/connectivity_plus.dart';
import 'package:http/http.dart' as http;
import 'package:path/path.dart';

import 'api_para.dart';
import 'api_url.dart';

class Services {
Future? userDetails(String params) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
final http.Response response =
await http.post(ApiUrl.USER_DETAILS, body: params);
print("URL: " + response.request!.url.toString());
if (response.statusCode == 200) {
print(response.body);
return LoginMaster.fromJson(json.decode(response.body));
} else {
throw Exception("The username or password is incorrect.");
}
} catch (err) {
throw err;
}
} else {
throw Exception("No internet connection");
}
}

Future? login(
{isSocial,
name,
phone,
password,
deviceToken,
languageCode,
email,
facebookId,
googleId,
isEmailVerified,
isPhoneVerified,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.languageCode] = languageCode;
if (phone != null) {
map[ApiParams.phone] = phone;
}
if (password != null) {
map[ApiParams.password] = password;
}
map[ApiParams.deviceToken] = deviceToken;
map[ApiParams.name] = name;
if (email != null) {
map[ApiParams.Email_ID] = email;
}
map[ApiParams.issocial] = isSocial;
if (facebookId != null) {
map[ApiParams.facebookId] = facebookId;
map[ApiParams.isEmailVerified] = "1";
map[ApiParams.isPhoneVerified] = "0";
}
if (googleId != null) {
map[ApiParams.googleId] = googleId;
map[ApiParams.isEmailVerified] = "1";
map[ApiParams.isPhoneVerified] = "0";
}

    map[ApiParams.deviceName] = Platform.isAndroid
        ? AppConstants.DEVICE_ACCESS_ANDROID
        : AppConstants.DEVICE_ACCESS_IOS;
    print("Parameter: " + json.encode(map));
    return json.encode(map);
  }

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.LOGIN, body: getLoginParams());
    print("URL: " + response.request!.url.toString());
    if (onStopLoading != null) onStopLoading();
    print(response.body);
    return LoginMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

/* forgot password*/

Future? forgotPassword(
{email,
languageCode,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.languageCode] = languageCode;
map[ApiParams.email] = email;
print("Parameter: " + json.encode(map));
return json.encode(map);
}

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.FORGOT_PASSWORD, body: getLoginParams());
    print("URL: " + response.request!.url.toString());
    if (onStopLoading != null) onStopLoading();
    return Message.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

Future? otpSend(
{mobile,
Function? onStartLoading,
Function? onStopLoading,
Function? onFailed,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.phone] = mobile;
print("Parameter: " + json.encode(map));
return json.encode(map);
}

  print("URL: " + ApiUrl.SEND_OTP.toString());

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.SEND_OTP, body: getLoginParams());
    print("URL: " + response.request!.url.toString());
    print("Response: " + response.body.toString());
    if (onStopLoading != null) onStopLoading();
    return OtpSendMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

Future? otpVerify(
{mobile,
otp,
verificationId,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.phone] = mobile;
map[ApiParams.otp] = otp;
map[ApiParams.verificationId] = int.parse(verificationId);
print("Parameter: " + json.encode(map));
return json.encode(map);
}

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response = await http.post(ApiUrl.OTP_VERIFY,
        body: getLoginParams(),
        headers: {"Content-Type": "application/json"});
    print("URL: " + response.request!.url.toString());
    if (onStopLoading != null) onStopLoading();
    return OtpSendMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

Future? createUser(
{isSocial,
name,
email,
phone,
password,
deviceToken,
languageCode,
facebookId,
googleId,
String? image,
isEmailverified,
isPhoneverified,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
// TODO: implement createUser
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getRegisterParams() {
var map = new Map();
map[ApiParams.languageCode] = languageCode;
map[ApiParams.name] = name;
if (phone != null) {
map[ApiParams.phone] = phone;
}
if (password != null && isSocial == "0") {
map[ApiParams.password] = password;
}
map[ApiParams.deviceToken] = deviceToken;
map[ApiParams.issocial] = isSocial;
if (email != null) {
map[ApiParams.Email_ID] = email;
}
map[ApiParams.isEmailVerified] = isEmailverified ?? "0";
map[ApiParams.isPhoneVerified] = isPhoneverified ?? "0";
if (facebookId != null) {
map[ApiParams.facebookId] = facebookId;
}
if (googleId != null) {
map[ApiParams.googleId] = googleId;
}
if (image != null) {
map[ApiParams.image] = image ?? "";
}
map[ApiParams.deviceName] = Platform.isAndroid
? AppConstants.DEVICE_ACCESS_ANDROID
: AppConstants.DEVICE_ACCESS_IOS;

    print("SignUp Parameter: " + json.encode(map));
    return json.encode(map);
  }

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.REGISTER, body: getRegisterParams());
    print("URL: " + response.request!.url.toString());
    print("Response: " + response.body);
    if (onStopLoading != null) onStopLoading();
    return LoginMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    print("Service error: " + err.toString());
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

Future updateProfile({
String? params,
String? imagePath,
Function? success,
Function? fail,
Function? onNoInternet,
}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
final request = await http.MultipartRequest(
AppConstants.METHOD_POST, ApiUrl.UPDATE_PROFILE);
request.fields[ApiParams.json_content] = params!;

  try {
    if (imagePath != null || !imagePath!.startsWith("http")) {
      File imageFile = new File(imagePath);
      var stream =
          new http.ByteStream(DelegatingStream.typed(imageFile.openRead()));
      var length = await imageFile.length();
      var multipartFile = new http.MultipartFile(
          ApiParams.image, stream, length,
          filename: basename(imageFile.path));
      request.files.add(multipartFile);
    }
  } catch (e) {}

  request.send().then((response) {
    print("URL: " + response.request!.url.toString());
    try {
      response.stream.transform(utf8.decoder).listen((value) {
        print("Response: " + value);
        print("statusCode: " + response.statusCode.toString());
        if (response.statusCode == 200) {
          LoginMaster user = LoginMaster.fromJson(json.decode(value));
          success!(user);
        } else {
          fail!();
        }
      });
    } catch (e) {
      print("Error: " + e.toString());
      fail!();
    }
  });
} else {
  if (onNoInternet != null) onNoInternet();
}

}

Future? appLogout(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.APP_LOGOUT, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("APP LOGOUT" + response.body);
return MessageMaster.fromJson(json.decode(response.body));
} catch (err) {
print("APP LOGOUT ERROR: " + err.toString());
if (onStopLoading != null) onStopLoading();
return null;
}
} else {
if (onNoInternet != null) onNoInternet();
}
return null;
}

Future? getCategory(
{languageCode,
type,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.languageCode] = languageCode;
if (type != null) {
map[ApiParams.type] = type;
}
print("Parameter: " + json.encode(map));
return json.encode(map);
}

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.GET_CATEGORY_LIST, body: getLoginParams());
    print("URL: " + response.request!.url.toString());
    if (onStopLoading != null) onStopLoading();
    return CategoryMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    print(err.toString());
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

Future? getRegions(
{languageCode,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
String getLoginParams() {
var map = new Map();
map[ApiParams.languageCode] = languageCode;
print("Parameter: " + json.encode(map));
return json.encode(map);
}

  try {
    if (onStartLoading != null) onStartLoading();
    final http.Response response =
        await http.post(ApiUrl.GET_REGION_LIST, body: getLoginParams());
    print("URL: " + response.request!.url.toString());
    if (onStopLoading != null) onStopLoading();
    return RegionMaster.fromJson(json.decode(response.body));
  } catch (err) {
    if (onStopLoading != null) onStopLoading();
    print(err.toString());
    return null;
  }
} else {
  if (onNoInternet != null) onNoInternet();
}
return null;

}

/* get Notification list */

Future? getNotificationList(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.GET_NOTIFICATION_LIST, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("jobsResponse" + response.body);
return NotificationMaster.fromJson(json.decode(response.body));
} catch (err) {
print("Job list error: " + err.toString());
if (onStopLoading != null) onStopLoading();
return null;
}
} else {
if (onNoInternet != null) onNoInternet();
}
return null;
}

/* get Property list */

Future? getPropertyList(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.GET_PROPERTY_LIST, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("jobsResponse" + response.body);
return PropertyListMaster.fromJson(json.decode(response.body));
} catch (err) {
print("Job list error: " + err.toString());
if (onStopLoading != null) onStopLoading();
return null;
}
} else {
if (onNoInternet != null) onNoInternet();
}
return null;
}

/* get user Property list */

Future? getUserPropertyList(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.USER_PROPERTY_LIST, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("jobsResponse" + response.body);
return PropertyListMaster.fromJson(json.decode(response.body));
} catch (err) {
print("Job list error: " + err.toString());
if (onStopLoading != null) onStopLoading();
return null;
}
} else {
if (onNoInternet != null) onNoInternet();
}
return null;
}

/* get Property list */

Future? getMapPropertyList(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.GET_MAP_PROPERTY_LIST, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("jobsResponse" + response.body);
return PropertyListMaster.fromJson(json.decode(response.body));
} catch (err) {
print("Job list error: " + err.toString());
if (onStopLoading != null) onStopLoading();
return null;
}
} else {
if (onNoInternet != null) onNoInternet();
}
return null;
}

Future? getFavoutitePropertyList(
{jsons,
Function? onStartLoading,
Function? onStopLoading,
Function? onNoInternet}) async {
var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile ||
connectivityResult == ConnectivityResult.wifi) {
try {
if (onStartLoading != null) onStartLoading();
final http.Response response =
await http.post(ApiUrl.GET_FAVOURITE_PROPERTY_LIST, body: jsons);
print("URL: " + response.request!.url.toString());
if (onStopLoading != null) onStopLoading();
print("jobsResponse" + response.body);
return Pr

flutter load more 1

Chintan Gohil — Mon, 16 Jun 2025 00:20:15 +0000

//search bar import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class LastDemo extends StatefulWidget {
const LastDemo({super.key});

@override
State createState() => _LastDemoState();
}

class _LastDemoState extends State {
List posts = [];
bool _isloading = false;
bool hasmore = true;
int currentpage = 1;
int limit = 15;
String? erroemessage;
ScrollController scrollController = ScrollController();

TextEditingController searchController = TextEditingController();
String searchQuery = '';

List get filteredPosts {
if (searchQuery.isEmpty) return posts;
return posts
.where((post) => post['title']
.toString()
.toLowerCase()
.contains(searchQuery.toLowerCase()))
.toList();
}

@override
void initState() {
super.initState();
fetchProducts();
scrollController.addListener(() {
if (scrollController.position.pixels >=
scrollController.position.maxScrollExtent - 200 &&
!_isloading &&
hasmore &&
searchQuery.isEmpty) {
fetchProducts();
}
});
}

Future fetchProducts() async {
setState(() {
_isloading = true;
});
final response = await http.get(Uri.parse(
'https://jsonplaceholder.typicode.com/posts?_page=$currentpage&_limit=$limit'));

try {
  if (response.statusCode == 200) {
    final List<dynamic> data = jsonDecode(response.body);

    setState(() {
      currentpage++;
      posts.addAll(data);
      _isloading = false;
      if (data.length < limit) {
        hasmore = false;
      }
    });
  } else {
    setState(() {
      _isloading = false;
      ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Failed to load data')));
    });
  }
} catch (e) {
  setState(() {
    _isloading = false;
    ScaffoldMessenger.of(context)
        .showSnackBar(SnackBar(content: Text("The error is $e")));
  });
}

}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Demo Of AppBar')),
body: Column(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: TextField(
controller: searchController,
decoration: InputDecoration(
labelText: 'Search by title',
border: OutlineInputBorder(),
prefixIcon: Icon(Icons.search),
),
onChanged: (value) {
setState(() {
searchQuery = value;
});
},
),
),
Expanded(
child: ListView.builder(
controller: scrollController,
itemCount: filteredPosts.length +
(_isloading && hasmore && searchQuery.isEmpty ? 1 : 0),
itemBuilder: (context, index) {
if (index < filteredPosts.length) {
final post = filteredPosts[index];
return ListTile(
leading: CircleAvatar(
child: Text(post['id'].toString()),
),
title: Text(post['title']),
);
} else {
// Only show loader if not searching
return searchQuery.isEmpty
? Padding(
padding: EdgeInsets.all(16),
child: Center(child: CircularProgressIndicator()),
)
: SizedBox(); // No loader during search
}
},
),
),
],
),
);
}
}

//push data
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class PushAndLoadDemo extends StatefulWidget {
const PushAndLoadDemo({super.key});
@override
State createState() => _PushAndLoadDemoState();
}

class _PushAndLoadDemoState extends State {
List users = [];
int page = 1;
bool isLoading = false;

final nameController = TextEditingController();
final jobController = TextEditingController();

Future postData(String name, String job) async {
final res = await http.post(
Uri.parse("https://reqres.in/api/users"),
body: {'name': name, 'job': job},
);
if (res.statusCode == 201) {
final data = json.decode(res.body);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text("User Added: ${data['name']}")),
);
}
}

Future loadUsers() async {
if (isLoading) return;
setState(() => isLoading = true);

final res = await http.get(Uri.parse("https://reqres.in/api/users?page=$page"));
if (res.statusCode == 200) {
  final data = json.decode(res.body);
  setState(() {
    users.addAll(data['data']);
    page++;
    isLoading = false;
  });
}

}

@override
void initState() {
super.initState();
loadUsers();
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text("POST + Load More")),
body: Column(
children: [
Padding(
padding: const EdgeInsets.all(8),
child: Column(
children: [
TextField(controller: nameController, decoration: InputDecoration(labelText: "Name")),
TextField(controller: jobController, decoration: InputDecoration(labelText: "Job")),
ElevatedButton(
onPressed: () => postData(nameController.text, jobController.text),
child: Text("Submit"),
),
],
),
),
Expanded(
child: ListView.builder(
itemCount: users.length + 1,
itemBuilder: (context, index) {
if (index < users.length) {
return ListTile(
leading: Image.network(users[index]['avatar']),
title: Text(users[index]['first_name']),
);
} else {
loadUsers(); // Load more
return Center(child: CircularProgressIndicator());
}
},
),
),
],
),
);
}
}

flutter load more

Chintan Gohil — Sun, 15 Jun 2025 18:58:49 +0000

//skip and limit
`import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class PaginatedApiListView extends StatefulWidget {
@override
_PaginatedApiListViewState createState() => _PaginatedApiListViewState();
}

class _PaginatedApiListViewState extends State {
final ScrollController _scrollController = ScrollController();
List _products = [];
int _currentPage = 1;
final int _limit = 10;
bool _isLoading = false;
bool _hasMore = true;

@override
void initState() {
super.initState();
_fetchProducts();

_scrollController.addListener(() {
  if (_scrollController.position.pixels >=
      _scrollController.position.maxScrollExtent - 200 &&
      !_isLoading &&
      _hasMore) {
    _fetchProducts();
  }
});

}

Future _fetchProducts() async {
setState(() {
_isLoading = true;
});

final skip = (_currentPage - 1) * _limit;
final response = await http.get(
  Uri.parse('https://dummyjson.com/products?limit=$_limit&skip=$skip'),
);

if (response.statusCode == 200) {
  final data = json.decode(response.body);
  final List<dynamic> newProducts = data['products'];

  setState(() {
    _currentPage++;
    _products.addAll(newProducts);
    _hasMore = _products.length < data['total']; // total = 100
    _isLoading = false;
  });
} else {
  setState(() {
    _isLoading = false;
  });

  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(content: Text('Failed to load data')),
  );
}

}

@override
void dispose() {
_scrollController.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Paginated Products')),
body: ListView.builder(
controller: _scrollController,
itemCount: _products.length + (_isLoading || _hasMore ? 1 : 0),
itemBuilder: (context, index) {
if (index < _products.length) {
final product = _products[index];
return ListTile(
leading: CircleAvatar(
backgroundImage: NetworkImage(product['thumbnail']),
),
title: Text(product['title']),
subtitle: Text("\$${product['price']}"),
);
} else {
return Padding(
padding: const EdgeInsets.all(16.0),
child: Center(child: CircularProgressIndicator()),
);
}
},
),
);
}
}
`

'import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class LastDemo extends StatefulWidget {
const LastDemo({super.key});

@override
State createState() => _DemoState();
}

class _DemoState extends State {
List posts = [];
bool _isloading = false;
bool hasmore = true;
int currenpage = 1;
final int limit = 20;
final ScrollController scrollController = ScrollController();

@override
void initState() {
super.initState();
fetchPosts();
scrollController.addListener(_scrollListener);
}

void _scrollListener() {
if (scrollController.position.pixels >=
scrollController.position.maxScrollExtent - 200 &&
!_isloading &&
hasmore) {
fetchPosts();
}
}

Future fetchPosts() async {
setState(() {
_isloading = true;
});

final response = await http.get(Uri.parse(
    'https://jsonplaceholder.typicode.com/posts?_page=$currenpage&_limit=$limit'));

if (response.statusCode == 200) {
  final List<dynamic> data = jsonDecode(response.body);

  setState(() {
    currenpage++;
    posts.addAll(data);
    _isloading = false;
    if (data.length < limit) {
      hasmore = false;
    }
  });
}

}

@override
void dispose() {
scrollController.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Paginated Posts")),
body: ListView.builder(
controller: scrollController,
itemCount: posts.length + (_isloading && hasmore ? 1 : 0),
itemBuilder: (context, index) {
if (index < posts.length) {
final post = posts[index];
return ListTile(
title: Text(post['title']),
subtitle: Text(post['body']),
);
} else {
return const Padding(
padding: EdgeInsets.all(12),
child: Center(child: CircularProgressIndicator()),
);
}
},
),
);
}
}
'

Flutter Load More

Chintan Gohil — Sun, 15 Jun 2025 18:56:02 +0000

//limit-skip
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class PaginatedApiListView extends StatefulWidget {
@override
_PaginatedApiListViewState createState() => _PaginatedApiListViewState();
}

@override
void initState() {
super.initState();
_fetchProducts();

_scrollController.addListener(() {
  if (_scrollController.position.pixels >=
      _scrollController.position.maxScrollExtent - 200 &&
      !_isLoading &&
      _hasMore) {
    _fetchProducts();
  }
});

}

Future _fetchProducts() async {
setState(() {
_isLoading = true;
});

final skip = (_currentPage - 1) * _limit;
final response = await http.get(
  Uri.parse('https://dummyjson.com/products?limit=$_limit&skip=$skip'),
);

if (response.statusCode == 200) {
  final data = json.decode(response.body);
  final List<dynamic> newProducts = data['products'];

  setState(() {
    _currentPage++;
    _products.addAll(newProducts);
    _hasMore = _products.length < data['total']; // total = 100
    _isLoading = false;
  });
} else {
  setState(() {
    _isLoading = false;
  });

  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(content: Text('Failed to load data')),
  );
}

}

@override
void dispose() {
_scrollController.dispose();
super.dispose();
}

//page and limit
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class LastDemo extends StatefulWidget {
const LastDemo({super.key});

@override
State createState() => _DemoState();
}

class _DemoState extends State {
List posts = [];
bool _isloading = false;
bool hasmore = true;
int currenpage = 1;
final int limit = 20;
final ScrollController scrollController = ScrollController();

@override
void initState() {
super.initState();
fetchPosts();
scrollController.addListener(_scrollListener);
}

void _scrollListener() {
if (scrollController.position.pixels >=
scrollController.position.maxScrollExtent - 200 &&
!_isloading &&
hasmore) {
fetchPosts();
}
}

Future fetchPosts() async {
setState(() {
_isloading = true;
});

final response = await http.get(Uri.parse(
    'https://jsonplaceholder.typicode.com/posts?_page=$currenpage&_limit=$limit'));

if (response.statusCode == 200) {
  final List<dynamic> data = jsonDecode(response.body);

  setState(() {
    currenpage++;
    posts.addAll(data);
    _isloading = false;
    if (data.length < limit) {
      hasmore = false;
    }
  });
}

}

@override
void dispose() {
scrollController.dispose();
super.dispose();
}