96 lines
2.9 KiB
Dart
96 lines
2.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:tone_snap/components/keep_alive_wrapper.dart';
|
|
import 'package:tone_snap/generated/assets.dart';
|
|
import 'package:tone_snap/modules/sideb/initial/initial_controller.dart';
|
|
|
|
class InitialView extends StatelessWidget {
|
|
InitialView({super.key});
|
|
|
|
final controller = Get.find<InitialController>();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
double bottomPadding = MediaQuery.of(context).padding.bottom;
|
|
return Stack(
|
|
children: [
|
|
_buildPageBg(),
|
|
Scaffold(
|
|
backgroundColor: Colors.transparent,
|
|
body: _buildBody(),
|
|
bottomNavigationBar: _buildBottomAppBar(bottomPadding),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildPageBg() {
|
|
return Obx(() {
|
|
return Visibility(
|
|
visible: controller.currentIndex.value != 2,
|
|
child: Image.asset(
|
|
Assets.sideBHomeBg,
|
|
width: 1.sw,
|
|
height: 1.sh,
|
|
fit: BoxFit.cover,
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget _buildBody() {
|
|
return PageView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
controller: controller.pageController,
|
|
children: controller.pages.map((e) => KeepAliveWrapper(child: e.widget)).toList(),
|
|
);
|
|
}
|
|
|
|
Widget _buildBottomAppBar(double bottomPadding) {
|
|
return Container(
|
|
height: kBottomNavigationBarHeight + bottomPadding,
|
|
padding: EdgeInsets.only(bottom: bottomPadding),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(topLeft: Radius.circular(24.r), topRight: Radius.circular(24.r)),
|
|
image: const DecorationImage(
|
|
image: AssetImage(Assets.sideBBnbBg),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: controller.pages.asMap().entries.map((e) {
|
|
return Expanded(
|
|
child: GestureDetector(
|
|
behavior: HitTestBehavior.opaque,
|
|
onTap: () => controller.onBottomAppBarItemChanged(e.key),
|
|
child: SizedBox(
|
|
height: double.infinity,
|
|
child: FittedBox(
|
|
fit: BoxFit.none,
|
|
child: Obx(() {
|
|
return Visibility(
|
|
visible: controller.currentIndex.value == e.key,
|
|
replacement: Image.asset(
|
|
e.value.icons[0],
|
|
width: 28.w,
|
|
height: 28.w,
|
|
),
|
|
child: Image.asset(
|
|
e.value.icons[1],
|
|
width: 36.w,
|
|
height: 36.w,
|
|
gaplessPlayback: true,
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
);
|
|
}
|
|
}
|