fix: responsive code tiles

This commit is contained in:
Prateek Sunal
2024-02-17 00:39:34 +05:30
parent c9022be745
commit 15f26240b7
3 changed files with 14 additions and 2 deletions

View File

@@ -29,6 +29,7 @@ import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_speed_dial/flutter_speed_dial.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:logging/logging.dart';
import 'package:move_to_background/move_to_background.dart';
@@ -233,10 +234,12 @@ class _HomePageState extends State<HomePage> {
onManuallySetupTap: _redirectToManualEntryPage,
);
} else {
final list = ListView.builder(
final list = AlignedGridView.count(
crossAxisCount:
MediaQuery.sizeOf(context).width ~/ 400.clamp(0, double.infinity),
itemBuilder: ((context, index) {
try {
return CodeWidget(_filteredCodes[index]);
return ClipRect(child: CodeWidget(_filteredCodes[index]));
} catch (e) {
return const Text("Failed");
}

View File

@@ -639,6 +639,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "7.0.0"
flutter_staggered_grid_view:
dependency: "direct main"
description:
name: flutter_staggered_grid_view
sha256: "19e7abb550c96fbfeb546b23f3ff356ee7c59a019a651f8f102a4ba9b7349395"
url: "https://pub.dev"
source: hosted
version: "0.7.0"
flutter_svg:
dependency: "direct main"
description:

View File

@@ -56,6 +56,7 @@ dependencies:
flutter_secure_storage: ^9.0.0
flutter_slidable: ^3.0.1
flutter_speed_dial: ^7.0.0
flutter_staggered_grid_view: ^0.7.0
flutter_svg: ^2.0.5
fluttertoast: ^8.1.1
google_nav_bar: ^5.0.5 #supported