90 lines
3.1 KiB
Dart
90 lines
3.1 KiB
Dart
import 'package:wonders/common_libs.dart';
|
|
import 'package:wonders/ui/common/lazy_indexed_stack.dart';
|
|
import 'package:wonders/ui/common/measurable_widget.dart';
|
|
import 'package:wonders/ui/screens/artifact/artifact_carousel/artifact_carousel_screen.dart';
|
|
import 'package:wonders/ui/screens/editorial/editorial_screen.dart';
|
|
import 'package:wonders/ui/screens/photo_gallery/photo_gallery.dart';
|
|
import 'package:wonders/ui/screens/wonder_details/wonder_details_tab_menu.dart';
|
|
import 'package:wonders/ui/screens/wonder_events/wonder_events.dart';
|
|
|
|
class WonderDetailsScreen extends StatefulWidget with GetItStatefulWidgetMixin {
|
|
WonderDetailsScreen({Key? key, required this.type, this.initialTabIndex = 0}) : super(key: key);
|
|
final WonderType type;
|
|
final int initialTabIndex;
|
|
|
|
@override
|
|
State<WonderDetailsScreen> createState() => _WonderDetailsScreenState();
|
|
}
|
|
|
|
class _WonderDetailsScreenState extends State<WonderDetailsScreen>
|
|
with GetItStateMixin, SingleTickerProviderStateMixin {
|
|
late final _tabController = TabController(
|
|
length: 4,
|
|
vsync: this,
|
|
initialIndex: widget.initialTabIndex,
|
|
)..addListener(_handleTabChanged);
|
|
AnimationController? _fade;
|
|
|
|
final _detailsHasScrolled = ValueNotifier(false);
|
|
double? _tabBarHeight;
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _handleTabChanged() {
|
|
_fade?.forward(from: 0);
|
|
setState(() {});
|
|
}
|
|
|
|
void _handleDetailsScrolled(double scrollPos) => _detailsHasScrolled.value = scrollPos > 0;
|
|
|
|
void _handleTabMenuSized(Size size) {
|
|
setState(() => _tabBarHeight = size.height - WonderDetailsTabMenu.buttonInset);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final wonder = wondersLogic.getData(widget.type);
|
|
int tabIndex = _tabController.index;
|
|
bool showTabBarBg = tabIndex != 1;
|
|
final tabBarHeight = _tabBarHeight ?? 0;
|
|
//final double tabBarHeight = WonderDetailsTabMenu.bottomPadding + 60;
|
|
return ColoredBox(
|
|
color: Colors.black,
|
|
child: Stack(
|
|
children: [
|
|
/// Fullscreen tab views
|
|
LazyIndexedStack(
|
|
index: _tabController.index,
|
|
children: [
|
|
WonderEditorialScreen(wonder, onScroll: _handleDetailsScrolled),
|
|
PhotoGallery(collectionId: wonder.unsplashCollectionId, wonderType: wonder.type),
|
|
Padding(padding: EdgeInsets.only(bottom: tabBarHeight), child: ArtifactCarouselScreen(type: wonder.type)),
|
|
Padding(padding: EdgeInsets.only(bottom: tabBarHeight), child: WonderEvents(type: widget.type)),
|
|
],
|
|
),
|
|
|
|
/// Tab menu
|
|
BottomCenter(
|
|
child: ValueListenableBuilder<bool>(
|
|
valueListenable: _detailsHasScrolled,
|
|
builder: (_, value, ___) => MeasurableWidget(
|
|
onChange: _handleTabMenuSized,
|
|
child: WonderDetailsTabMenu(
|
|
tabController: _tabController,
|
|
wonderType: wonder.type,
|
|
showBg: showTabBarBg,
|
|
showHomeBtn: true,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|