home_widget.dart 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. import '/components/header_buttons_component_widget.dart';
  2. import '/flutter_flow/flutter_flow_icon_button.dart';
  3. import '/flutter_flow/flutter_flow_theme.dart';
  4. import '/flutter_flow/flutter_flow_util.dart';
  5. import '/flutter_flow/flutter_flow_widgets.dart';
  6. import '/shared/drawer_component/drawer_component_widget.dart';
  7. import '/uitgaanspaginas/home_uitgaan_slider_component/home_uitgaan_slider_component_widget.dart';
  8. import '/uitgaanspaginas/home_uitgaantabel_kaart_component/home_uitgaantabel_kaart_component_widget.dart';
  9. import 'dart:ui';
  10. import 'package:flutter/material.dart';
  11. import 'package:flutter_spinkit/flutter_spinkit.dart';
  12. import 'package:google_fonts/google_fonts.dart';
  13. import 'package:provider/provider.dart';
  14. import 'home_model.dart';
  15. export 'home_model.dart';
  16. class HomeWidget extends StatefulWidget {
  17. const HomeWidget({super.key});
  18. static String routeName = 'home';
  19. static String routePath = '/home';
  20. @override
  21. State<HomeWidget> createState() => _HomeWidgetState();
  22. }
  23. class _HomeWidgetState extends State<HomeWidget>
  24. with TickerProviderStateMixin, RouteAware {
  25. late HomeModel _model;
  26. final scaffoldKey = GlobalKey<ScaffoldState>();
  27. @override
  28. void initState() {
  29. super.initState();
  30. _model = createModel(context, () => HomeModel());
  31. _model.tabBarController = TabController(
  32. vsync: this,
  33. length: 5,
  34. initialIndex: 0,
  35. )
  36. ..addListener(() => safeSetState(() {}))
  37. ..addListener(() {
  38. debugLogWidgetClass(_model);
  39. });
  40. }
  41. @override
  42. void dispose() {
  43. routeObserver.unsubscribe(this);
  44. _model.dispose();
  45. super.dispose();
  46. }
  47. @override
  48. void didUpdateWidget(HomeWidget oldWidget) {
  49. super.didUpdateWidget(oldWidget);
  50. _model.widget = widget;
  51. }
  52. @override
  53. void didChangeDependencies() {
  54. super.didChangeDependencies();
  55. final route = DebugModalRoute.of(context);
  56. if (route != null) {
  57. routeObserver.subscribe(this, route);
  58. }
  59. debugLogGlobalProperty(context);
  60. }
  61. @override
  62. void didPopNext() {
  63. if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
  64. setState(() => _model.isRouteVisible = true);
  65. debugLogWidgetClass(_model);
  66. }
  67. }
  68. @override
  69. void didPush() {
  70. if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) {
  71. setState(() => _model.isRouteVisible = true);
  72. debugLogWidgetClass(_model);
  73. }
  74. }
  75. @override
  76. void didPop() {
  77. _model.isRouteVisible = false;
  78. }
  79. @override
  80. void didPushNext() {
  81. _model.isRouteVisible = false;
  82. }
  83. @override
  84. Widget build(BuildContext context) {
  85. DebugFlutterFlowModelContext.maybeOf(context)
  86. ?.parentModelCallback
  87. ?.call(_model);
  88. return GestureDetector(
  89. onTap: () {
  90. FocusScope.of(context).unfocus();
  91. FocusManager.instance.primaryFocus?.unfocus();
  92. },
  93. child: Scaffold(
  94. key: scaffoldKey,
  95. backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
  96. drawer: Drawer(
  97. elevation: 16.0,
  98. child: wrapWithModel(
  99. model: _model.drawerComponentModel,
  100. updateCallback: () => safeSetState(() {}),
  101. child: Builder(builder: (_) {
  102. return DebugFlutterFlowModelContext(
  103. rootModel: _model.rootModel,
  104. child: DrawerComponentWidget(),
  105. );
  106. }),
  107. ),
  108. ),
  109. appBar: PreferredSize(
  110. preferredSize: Size.fromHeight(80.0),
  111. child: AppBar(
  112. backgroundColor: FlutterFlowTheme.of(context).info,
  113. iconTheme: IconThemeData(color: Color(0xFFB12727)),
  114. automaticallyImplyLeading: false,
  115. actions: [],
  116. flexibleSpace: FlexibleSpaceBar(
  117. title: Align(
  118. alignment: AlignmentDirectional(0.0, 0.0),
  119. child: Row(
  120. mainAxisSize: MainAxisSize.max,
  121. children: [
  122. FlutterFlowIconButton(
  123. borderRadius: 8.0,
  124. buttonSize: 40.0,
  125. fillColor: Color(0xFFB50808),
  126. icon: Icon(
  127. Icons.dehaze_outlined,
  128. color: FlutterFlowTheme.of(context).info,
  129. size: 24.0,
  130. ),
  131. onPressed: () async {
  132. scaffoldKey.currentState!.openDrawer();
  133. },
  134. ),
  135. Padding(
  136. padding:
  137. EdgeInsetsDirectional.fromSTEB(4.0, 0.0, 0.0, 0.0),
  138. child: FlutterFlowIconButton(
  139. borderColor: Color(0x00FF0000),
  140. borderRadius: 30.0,
  141. borderWidth: 1.0,
  142. buttonSize: 50.0,
  143. fillColor: Color(0xFFB50808),
  144. icon: Icon(
  145. Icons.arrow_back_outlined,
  146. color: Colors.white,
  147. size: 30.0,
  148. ),
  149. onPressed: () async {
  150. context.pop();
  151. },
  152. ),
  153. ),
  154. ],
  155. ),
  156. ),
  157. background: wrapWithModel(
  158. model: _model.headerButtonsComponentModel,
  159. updateCallback: () => safeSetState(() {}),
  160. child: Builder(builder: (_) {
  161. return DebugFlutterFlowModelContext(
  162. rootModel: _model.rootModel,
  163. child: HeaderButtonsComponentWidget(),
  164. );
  165. }),
  166. ),
  167. centerTitle: true,
  168. expandedTitleScale: 1.0,
  169. ),
  170. bottom: PreferredSize(
  171. preferredSize: Size.fromHeight(70.0),
  172. child: Container(),
  173. ),
  174. toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
  175. elevation: 2.0,
  176. ),
  177. ),
  178. body: SafeArea(
  179. top: true,
  180. child: Column(
  181. mainAxisSize: MainAxisSize.max,
  182. children: [
  183. Material(
  184. color: Colors.transparent,
  185. elevation: 2.0,
  186. child: Container(
  187. height: 250.0,
  188. decoration: BoxDecoration(
  189. color: Color(0xFFF5A2A2),
  190. border: Border.all(
  191. color: Color(0xFFCAC3C3),
  192. width: 2.0,
  193. ),
  194. ),
  195. child: wrapWithModel(
  196. model: _model.homeUitgaanSliderComponentModel,
  197. updateCallback: () => safeSetState(() {}),
  198. child: Builder(builder: (_) {
  199. return DebugFlutterFlowModelContext(
  200. rootModel: _model.rootModel,
  201. child: HomeUitgaanSliderComponentWidget(
  202. displayid: 'services_1',
  203. ),
  204. );
  205. }),
  206. ),
  207. ),
  208. ),
  209. Expanded(
  210. child: Column(
  211. children: [
  212. Align(
  213. alignment: Alignment(0.0, 0),
  214. child: TabBar(
  215. labelColor: FlutterFlowTheme.of(context).primaryText,
  216. unselectedLabelColor:
  217. FlutterFlowTheme.of(context).secondaryText,
  218. labelStyle:
  219. FlutterFlowTheme.of(context).titleMedium.override(
  220. font: GoogleFonts.interTight(
  221. fontWeight: FlutterFlowTheme.of(context)
  222. .titleMedium
  223. .fontWeight,
  224. fontStyle: FlutterFlowTheme.of(context)
  225. .titleMedium
  226. .fontStyle,
  227. ),
  228. letterSpacing: 0.0,
  229. fontWeight: FlutterFlowTheme.of(context)
  230. .titleMedium
  231. .fontWeight,
  232. fontStyle: FlutterFlowTheme.of(context)
  233. .titleMedium
  234. .fontStyle,
  235. ),
  236. unselectedLabelStyle:
  237. FlutterFlowTheme.of(context).titleMedium.override(
  238. font: GoogleFonts.interTight(
  239. fontWeight: FlutterFlowTheme.of(context)
  240. .titleMedium
  241. .fontWeight,
  242. fontStyle: FlutterFlowTheme.of(context)
  243. .titleMedium
  244. .fontStyle,
  245. ),
  246. letterSpacing: 0.0,
  247. fontWeight: FlutterFlowTheme.of(context)
  248. .titleMedium
  249. .fontWeight,
  250. fontStyle: FlutterFlowTheme.of(context)
  251. .titleMedium
  252. .fontStyle,
  253. ),
  254. indicatorColor: FlutterFlowTheme.of(context).primary,
  255. tabs: [
  256. Tab(
  257. text: FFLocalizations.of(context).getText(
  258. 'eor4c9rz' /* Uitgaan */,
  259. ),
  260. ),
  261. Tab(
  262. text: FFLocalizations.of(context).getText(
  263. 'mx7sn4ne' /* Activiteiten */,
  264. ),
  265. ),
  266. Tab(
  267. text: FFLocalizations.of(context).getText(
  268. 'e6xyyt74' /* Cultuur */,
  269. ),
  270. ),
  271. Tab(
  272. text: FFLocalizations.of(context).getText(
  273. 'uxy2nfok' /* Films */,
  274. ),
  275. ),
  276. Tab(
  277. text: FFLocalizations.of(context).getText(
  278. 'lx77xfrn' /* Jeugd */,
  279. ),
  280. ),
  281. ],
  282. controller: _model.tabBarController,
  283. onTap: (i) async {
  284. [
  285. () async {},
  286. () async {},
  287. () async {},
  288. () async {},
  289. () async {}
  290. ][i]();
  291. },
  292. ),
  293. ),
  294. Expanded(
  295. child: TabBarView(
  296. controller: _model.tabBarController,
  297. children: [
  298. Column(
  299. mainAxisSize: MainAxisSize.max,
  300. children: [
  301. wrapWithModel(
  302. model:
  303. _model.homeUitgaantabelKaartComponentModel,
  304. updateCallback: () => safeSetState(() {}),
  305. child: Builder(builder: (_) {
  306. return DebugFlutterFlowModelContext(
  307. rootModel: _model.rootModel,
  308. child: HomeUitgaantabelKaartComponentWidget(
  309. displayid: 'display_1',
  310. ),
  311. );
  312. }),
  313. ),
  314. ],
  315. ),
  316. Column(
  317. mainAxisSize: MainAxisSize.max,
  318. children: [],
  319. ),
  320. Column(
  321. mainAxisSize: MainAxisSize.max,
  322. children: [],
  323. ),
  324. Column(
  325. mainAxisSize: MainAxisSize.max,
  326. children: [],
  327. ),
  328. Column(
  329. mainAxisSize: MainAxisSize.max,
  330. children: [],
  331. ),
  332. ],
  333. ),
  334. ),
  335. ],
  336. ),
  337. ),
  338. ],
  339. ),
  340. ),
  341. ),
  342. );
  343. }
  344. }