mirror of
https://github.com/JGeek00/adguard-home-manager.git
synced 2025-05-15 22:42:50 +00:00
Fab changes
This commit is contained in:
parent
2ee2eafdca
commit
8907e712f3
3 changed files with 103 additions and 18 deletions
|
@ -1,12 +1,14 @@
|
|||
import 'package:expandable/expandable.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:expandable/expandable.dart';
|
||||
|
||||
import 'package:adguard_home_manager/screens/connect/fab.dart';
|
||||
import 'package:adguard_home_manager/screens/connect/appbar.dart';
|
||||
import 'package:adguard_home_manager/widgets/servers_list/servers_list.dart';
|
||||
|
||||
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
||||
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
||||
|
||||
class Connect extends StatefulWidget {
|
||||
const Connect({Key? key}) : super(key: key);
|
||||
|
@ -18,13 +20,38 @@ class Connect extends StatefulWidget {
|
|||
class _ConnectState extends State<Connect> {
|
||||
List<ExpandableController> expandableControllerList = [];
|
||||
|
||||
late bool isVisible;
|
||||
final ScrollController scrollController = ScrollController();
|
||||
|
||||
void expandOrContract(int index) async {
|
||||
expandableControllerList[index].expanded = !expandableControllerList[index].expanded;
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
isVisible = true;
|
||||
scrollController.addListener(() {
|
||||
if (scrollController.position.userScrollDirection == ScrollDirection.reverse) {
|
||||
if (mounted && isVisible == true) {
|
||||
setState(() => isVisible = false);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (scrollController.position.userScrollDirection == ScrollDirection.forward) {
|
||||
if (mounted && isVisible == false) {
|
||||
setState(() => isVisible = true);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
||||
|
||||
for (var i = 0; i < serversProvider.serversList.length; i++) {
|
||||
expandableControllerList.add(ExpandableController());
|
||||
|
@ -32,12 +59,26 @@ class _ConnectState extends State<Connect> {
|
|||
|
||||
return Scaffold(
|
||||
appBar: const ConnectAppBar(),
|
||||
body: ServersList(
|
||||
body: Stack(
|
||||
children: [
|
||||
ServersList(
|
||||
context: context,
|
||||
controllers: expandableControllerList,
|
||||
onChange: expandOrContract
|
||||
onChange: expandOrContract,
|
||||
scrollController: scrollController,
|
||||
),
|
||||
AnimatedPositioned(
|
||||
duration: const Duration(milliseconds: 100),
|
||||
curve: Curves.easeInOut,
|
||||
bottom: isVisible ?
|
||||
appConfigProvider.showingSnackbar
|
||||
? 70 : 20
|
||||
: -70,
|
||||
right: 20,
|
||||
child: const FabConnect()
|
||||
)
|
||||
],
|
||||
),
|
||||
floatingActionButton: const FabConnect(),
|
||||
);
|
||||
}
|
||||
}
|
|
@ -1,5 +1,6 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:expandable/expandable.dart';
|
||||
import 'package:flutter/rendering.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
|
@ -7,6 +8,7 @@ import 'package:adguard_home_manager/widgets/servers_list/servers_list.dart';
|
|||
import 'package:adguard_home_manager/widgets/add_server_modal.dart';
|
||||
|
||||
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
||||
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
||||
|
||||
class Servers extends StatefulWidget {
|
||||
const Servers({Key? key}) : super(key: key);
|
||||
|
@ -18,13 +20,38 @@ class Servers extends StatefulWidget {
|
|||
class _ServersState extends State<Servers> {
|
||||
List<ExpandableController> expandableControllerList = [];
|
||||
|
||||
late bool isVisible;
|
||||
final ScrollController scrollController = ScrollController();
|
||||
|
||||
void expandOrContract(int index) async {
|
||||
expandableControllerList[index].expanded = !expandableControllerList[index].expanded;
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
isVisible = true;
|
||||
scrollController.addListener(() {
|
||||
if (scrollController.position.userScrollDirection == ScrollDirection.reverse) {
|
||||
if (mounted && isVisible == true) {
|
||||
setState(() => isVisible = false);
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (scrollController.position.userScrollDirection == ScrollDirection.forward) {
|
||||
if (mounted && isVisible == false) {
|
||||
setState(() => isVisible = true);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final serversProvider = Provider.of<ServersProvider>(context);
|
||||
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
||||
|
||||
for (var i = 0; i < serversProvider.serversList.length; i++) {
|
||||
expandableControllerList.add(ExpandableController());
|
||||
|
@ -43,18 +70,32 @@ class _ServersState extends State<Servers> {
|
|||
appBar: AppBar(
|
||||
title: Text(AppLocalizations.of(context)!.servers),
|
||||
),
|
||||
body: ServersList(
|
||||
body: Stack(
|
||||
children: [
|
||||
ServersList(
|
||||
context: context,
|
||||
controllers: expandableControllerList,
|
||||
onChange: expandOrContract
|
||||
onChange: expandOrContract,
|
||||
scrollController: scrollController
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
AnimatedPositioned(
|
||||
duration: const Duration(milliseconds: 100),
|
||||
curve: Curves.easeInOut,
|
||||
bottom: isVisible ?
|
||||
appConfigProvider.showingSnackbar
|
||||
? 70 : 20
|
||||
: -70,
|
||||
right: 20,
|
||||
child: FloatingActionButton(
|
||||
onPressed: openAddServerModal,
|
||||
child: Icon(
|
||||
Icons.add,
|
||||
color: Theme.of(context).primaryColor.computeLuminance() > 0.5 ? Colors.black : Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
|
@ -17,12 +17,14 @@ class ServersList extends StatefulWidget {
|
|||
final BuildContext context;
|
||||
final List<ExpandableController> controllers;
|
||||
final Function(int) onChange;
|
||||
final ScrollController scrollController;
|
||||
|
||||
const ServersList({
|
||||
Key? key,
|
||||
required this.context,
|
||||
required this.controllers,
|
||||
required this.onChange
|
||||
required this.onChange,
|
||||
required this.scrollController,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
|
@ -351,6 +353,7 @@ class _ServersListState extends State<ServersList> with SingleTickerProviderStat
|
|||
|
||||
return servers.isNotEmpty ?
|
||||
ListView.builder(
|
||||
controller: widget.scrollController,
|
||||
itemCount: servers.length,
|
||||
itemBuilder: (context, index) => Container(
|
||||
decoration: BoxDecoration(
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue