You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
4.3 KiB
Dart
116 lines
4.3 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
|
import 'package:mohem_flutter_app/provider/hmg_connection_provider.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:shimmer/shimmer.dart';
|
|
|
|
class HmgConnectivityButton extends StatefulWidget {
|
|
const HmgConnectivityButton({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<HmgConnectivityButton> createState() => _HmgConnectivityButtonState();
|
|
}
|
|
|
|
class _HmgConnectivityButtonState extends State<HmgConnectivityButton> with SingleTickerProviderStateMixin {
|
|
|
|
|
|
late Animation<Color?> animation;
|
|
late AnimationController controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
controller = AnimationController(
|
|
duration: const Duration(milliseconds: 1500),
|
|
vsync: this,
|
|
);
|
|
CurvedAnimation curve = CurvedAnimation(parent: controller, curve: Curves.linear);
|
|
animation = ColorTween(begin: Colors.transparent, end:MyColors.gradiantStartColor).animate(curve);
|
|
|
|
animation.addStatusListener((status) {
|
|
if (status == AnimationStatus.completed) {
|
|
controller.reverse();
|
|
} else if (status == AnimationStatus.dismissed) {
|
|
controller.forward();
|
|
}
|
|
setState(() {});
|
|
});
|
|
controller.forward();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Provider.of<HmgConnectionProvider>(context, listen: false).checkHmgNetworkConnectivity();
|
|
return Row(
|
|
children: [
|
|
Consumer<HmgConnectionProvider>(
|
|
builder: (_, HmgConnectionProvider provider, __) {
|
|
return AnimatedBuilder(
|
|
animation: animation,
|
|
builder: (BuildContext context, Widget? child) {
|
|
return Container(
|
|
height: 45,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(200.0),
|
|
gradient: const LinearGradient(
|
|
transform: GradientRotation(.83),
|
|
begin: Alignment.topRight,
|
|
end: Alignment.bottomLeft,
|
|
colors: <Color>[
|
|
MyColors.gradiantEndColor,
|
|
MyColors.gradiantStartColor,
|
|
],
|
|
),
|
|
),
|
|
child: Container(
|
|
padding: const EdgeInsets.only(left: 12, right: 12),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(200.0),
|
|
color: animation.value,
|
|
),
|
|
child: InkWell(
|
|
onTap: () async {
|
|
if (provider.isConnectedToHMG) {
|
|
Utils.showLoading(context);
|
|
await provider.closeWifiRequest();
|
|
Utils.hideLoading(context);
|
|
} else {
|
|
Utils.showLoading(context);
|
|
await provider.connectWithHmgNetwork();
|
|
Utils.hideLoading(context);
|
|
}
|
|
},
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.wifi,
|
|
color: provider.isConnectedToHMG ? Colors.white : Colors.grey[700],
|
|
size: 16,
|
|
),
|
|
8.width,
|
|
provider.isConnectedToHMG ? LocaleKeys.connectedHmgWifi.tr().toText12(color: Colors.white) : LocaleKeys.connectHmgWifi.tr().toText12(color: Colors.white),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
});
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
controller.dispose();
|
|
super.dispose();
|
|
}
|
|
}
|