evan/imagini
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Woooo! Login & Gallery Loading Working!

Browse Source
This commit is contained in:
Evan Reichard
2021-02-21 22:36:25 -05:00
parent 901a69bb91
commit f46db58ed1
12 changed files with 155 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web_native/lib/screens/home_screen.dart
View File

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:imagini/blocs/home_bloc.dart';
import 'package:imagini/core/app_provider.dart';
@@ -72,36 +73,6 @@ class _HomeScreenState extends State<HomeScreen> {
}
Widget _buildGridView() {
// return GridView.builder(
// itemCount: 5,
// gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
// childAspectRatio: (1 / 1),
// crossAxisCount: 2),
// itemBuilder: (BuildContext context, int index) {
// return _buildCard("https://i.imgur.com/CgSGqUz.jpeg");
// }
// );
// return new StaggeredGridView.countBuilder(
// crossAxisCount: 4,
// itemCount: 80,
// itemBuilder: (BuildContext context, int index) => _buildCard("https://i.imgur.com/CgSGqUz.jpeg"),
// // itemBuilder: (BuildContext context, int index) => new Container(
// // color: Colors.green,
// // child: new Center(
// // child: new CircleAvatar(
// // backgroundColor: Colors.white,
// // child: new Text('$index'),
// // ),
// // )),
// staggeredTileBuilder: (int index) =>
// // new StaggeredTile.count(2, index.isEven ? 2 : 1),
// new StaggeredTile.fit(2),
// mainAxisSpacing: 4.0,
// crossAxisSpacing: 4.0,
// );
return StreamBuilder<MediaItems$Query>(
stream: bloc.mediaItemsResult,
builder: (context, snapshot) {
@@ -110,17 +81,20 @@ class _HomeScreenState extends State<HomeScreen> {
List<MediaItems$Query$MediaItemResponse$MediaItem> allItems = snapshot.data.mediaItems.data;
MediaQueryData queryData = MediaQuery.of(context);
final double screenWidthSize = queryData.size.width * queryData.devicePixelRatio;
final int crossAxisCount = (screenWidthSize / 500).ceil();
final int derivedContentWidth = (screenWidthSize / crossAxisCount).ceil();
return new StaggeredGridView.countBuilder(
crossAxisCount: 4,
crossAxisCount: crossAxisCount,
itemCount: allItems.length,
itemBuilder: (BuildContext context, int index) {
String fileName = allItems[index].fileName;
print(fileName);
return _buildCard("https://i.imgur.com/CgSGqUz.jpeg");
return _buildCard(fileName, derivedContentWidth);
},
staggeredTileBuilder: (int index) =>
// new StaggeredTile.count(2, index.isEven ? 2 : 1),
new StaggeredTile.fit(2),
staggeredTileBuilder: (int index) => new StaggeredTile.fit(1),
mainAxisSpacing: 4.0,
crossAxisSpacing: 4.0,
);
@@ -153,11 +127,18 @@ class _HomeScreenState extends State<HomeScreen> {
);
}
Widget _buildCard(charImageUrl) {
return new Image.network(
charImageUrl,
headers: {},
fit: BoxFit.contain,
Widget _buildCard(charImageUrl, derivedContentWidth) {
return FutureBuilder<CachedNetworkImage>(
future: bloc.getImage(charImageUrl, derivedContentWidth),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return PlatformCircularProgressIndicator();
}
return snapshot.data;
// Image newImage = snapshot.data;
// return newImage;
}
);
}
}