GitLab/fluffychat
2
0
Fork 0
mirror of https://gitlab.com/famedly/fluffychat.git synced 2025-02-17 14:30:40 +01:00
Code Issues Projects Releases Wiki Activity

design: Nicer loading screen and empty page

Browse Source
This commit is contained in:
Christian Pauly 2021-06-20 09:31:22 +02:00
parent 9c5a590ee7
commit def075aa8c
4 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/info-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

30
lib/pages/views/empty_page_view.dart
View File

@ -1,12 +1,36 @@
import 'dart:math';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class EmptyPage extends StatelessWidget { class EmptyPage extends StatelessWidget {
const EmptyPage({Key key}) : super(key: key); final bool loading;
static const double _width = 200;
const EmptyPage({this.loading = false, Key key}) : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final _width = min(MediaQuery.of(context).size.width, EmptyPage._width);
return Scaffold( return Scaffold(
body: Center( body: Column(
child: Image.asset('assets/favicon.png', width: 100, height: 100), mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Hero(
tag: 'info-logo',
child: Image.asset(
'assets/info-logo.png',
width: _width,
height: _width,
),
),
),
if (loading)
Center(
child: SizedBox(
width: _width,
child: LinearProgressIndicator(),
),
),
],
), ),
); );
} }

3
lib/widgets/layouts/loading_view.dart
View File

@ -1,3 +1,4 @@
import 'package:fluffychat/pages/views/empty_page_view.dart';
import 'package:matrix/matrix.dart'; import 'package:matrix/matrix.dart';
import 'package:vrouter/vrouter.dart'; import 'package:vrouter/vrouter.dart';
import 'package:fluffychat/widgets/matrix.dart'; import 'package:fluffychat/widgets/matrix.dart';
@ -16,6 +17,6 @@ class LoadingView extends StatelessWidget {
), ),
); );
} }
return Scaffold(body: Center(child: CircularProgressIndicator())); return EmptyPage(loading: true);
} }
} }

3
lib/widgets/layouts/wait_for_login.dart
View File

@ -1,3 +1,4 @@
import 'package:fluffychat/pages/views/empty_page_view.dart';
import 'package:matrix/matrix.dart'; import 'package:matrix/matrix.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
@ -14,7 +15,7 @@ class WaitForInitPage extends StatelessWidget {
stream: Matrix.of(context).client.onLoginStateChanged.stream, stream: Matrix.of(context).client.onLoginStateChanged.stream,
builder: (context, snapshot) { builder: (context, snapshot) {
if (!snapshot.hasData) { if (!snapshot.hasData) {
return Scaffold(body: Center(child: CircularProgressIndicator())); return EmptyPage(loading: true);
} }
return page; return page;
}); });