Я пытаюсь создать GridView во Flutter, который состоит из примерно 20-30 изображений высокого разрешения, но сталкивается с проблемами памяти (при использовании памяти в профилировщике Android Studio до 1,2 г, в конечном итоге приводит к затемнение).
Вот как я строю GridView,
@override
Widget build(BuildContext context) {
return Scaffold(
body: new SafeArea(
child: new Center(
child: _imageSectionFutureBuilder(), // <-- The core component
)),
);
}
Widget _imageSectionFutureBuilder() {
// Pseudocode is as follows,
return new FutureBuilder(
future: _FetchImageLocationsFromDb().then(results) {
// Some data pre-processing
preProcessData(results);
},
builder: (context, snapshot){
if (snapshot.hasData) {
// Here's where I'm building the GridView Builder.
return new GridView.builder(
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
itemBuilder: (BuildContext context, int index) {
return _getCurrentItem(snapshot.data[index]); // <-- This function loads a particular image
}
);
} else {
// Display a different widget saying no data is available.
return _showNoDataWidget();
}
},
);
}
Widget _getCurrentItem(String imagePath) {
if (FileSystemEntity.typeSync(imagePath) != FileSystemEntityType.notFound) {
File imageFile = new File(imagePath);
return new Container(
child: new Image.file(
imageFile,
fit: BoxFit.cover
) // <-- Box fitting to ensure specific height images to the gridview
);
}
}
Помимо этой реализации, я также реализовал механизм разбиения на страницы для загрузки всего около 10 изображений одновременно, а затем реализовал то же самое с помощью ListView.builder (), даже пытался использовать GridView.count с cacheExtent set to 0
и addAutomaticKeepAlives to false
, и во всех случаях проблема с памятью сохраняется.
В любом случае, я могу решить эту проблему?
Спасибо.