home_widget.dart 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416
  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. ],
  136. ),
  137. ),
  138. background: wrapWithModel(
  139. model: _model.headerButtonsComponentModel,
  140. updateCallback: () => safeSetState(() {}),
  141. child: Builder(builder: (_) {
  142. return DebugFlutterFlowModelContext(
  143. rootModel: _model.rootModel,
  144. child: HeaderButtonsComponentWidget(
  145. showBackButton: false,
  146. ),
  147. );
  148. }),
  149. ),
  150. centerTitle: true,
  151. expandedTitleScale: 1.0,
  152. ),
  153. bottom: PreferredSize(
  154. preferredSize: Size.fromHeight(70.0),
  155. child: Container(),
  156. ),
  157. toolbarHeight: MediaQuery.sizeOf(context).height * 0.25,
  158. elevation: 2.0,
  159. ),
  160. ),
  161. body: SafeArea(
  162. top: true,
  163. child: Column(
  164. mainAxisSize: MainAxisSize.max,
  165. children: [
  166. Material(
  167. color: Colors.transparent,
  168. elevation: 2.0,
  169. child: Container(
  170. height: 250.0,
  171. decoration: BoxDecoration(
  172. color: Color(0xFFF5A2A2),
  173. border: Border.all(
  174. color: Color(0xFFCAC3C3),
  175. width: 2.0,
  176. ),
  177. ),
  178. child: wrapWithModel(
  179. model: _model.homeUitgaanSliderComponentModel,
  180. updateCallback: () => safeSetState(() {}),
  181. child: Builder(builder: (_) {
  182. return DebugFlutterFlowModelContext(
  183. rootModel: _model.rootModel,
  184. child: HomeUitgaanSliderComponentWidget(
  185. displayid: 'services_1',
  186. ),
  187. );
  188. }),
  189. ),
  190. ),
  191. ),
  192. Expanded(
  193. child: Column(
  194. children: [
  195. Align(
  196. alignment: Alignment(0.0, 0),
  197. child: TabBar(
  198. labelColor: FlutterFlowTheme.of(context).primaryText,
  199. unselectedLabelColor:
  200. FlutterFlowTheme.of(context).secondaryText,
  201. labelStyle:
  202. FlutterFlowTheme.of(context).titleMedium.override(
  203. font: GoogleFonts.interTight(
  204. fontWeight: FlutterFlowTheme.of(context)
  205. .titleMedium
  206. .fontWeight,
  207. fontStyle: FlutterFlowTheme.of(context)
  208. .titleMedium
  209. .fontStyle,
  210. ),
  211. letterSpacing: 0.0,
  212. fontWeight: FlutterFlowTheme.of(context)
  213. .titleMedium
  214. .fontWeight,
  215. fontStyle: FlutterFlowTheme.of(context)
  216. .titleMedium
  217. .fontStyle,
  218. ),
  219. unselectedLabelStyle:
  220. FlutterFlowTheme.of(context).titleMedium.override(
  221. font: GoogleFonts.interTight(
  222. fontWeight: FlutterFlowTheme.of(context)
  223. .titleMedium
  224. .fontWeight,
  225. fontStyle: FlutterFlowTheme.of(context)
  226. .titleMedium
  227. .fontStyle,
  228. ),
  229. letterSpacing: 0.0,
  230. fontWeight: FlutterFlowTheme.of(context)
  231. .titleMedium
  232. .fontWeight,
  233. fontStyle: FlutterFlowTheme.of(context)
  234. .titleMedium
  235. .fontStyle,
  236. ),
  237. indicatorColor: FlutterFlowTheme.of(context).primary,
  238. tabs: [
  239. Tab(
  240. text: FFLocalizations.of(context).getText(
  241. 'eor4c9rz' /* Uitgaan */,
  242. ),
  243. ),
  244. Tab(
  245. text: FFLocalizations.of(context).getText(
  246. 'mx7sn4ne' /* Activiteiten */,
  247. ),
  248. ),
  249. Tab(
  250. text: FFLocalizations.of(context).getText(
  251. 'e6xyyt74' /* Cultuur */,
  252. ),
  253. ),
  254. Tab(
  255. text: FFLocalizations.of(context).getText(
  256. 'uxy2nfok' /* Films */,
  257. ),
  258. ),
  259. Tab(
  260. text: FFLocalizations.of(context).getText(
  261. 'lx77xfrn' /* Jeugd */,
  262. ),
  263. ),
  264. ],
  265. controller: _model.tabBarController,
  266. onTap: (i) async {
  267. [
  268. () async {},
  269. () async {},
  270. () async {},
  271. () async {},
  272. () async {}
  273. ][i]();
  274. },
  275. ),
  276. ),
  277. Expanded(
  278. child: TabBarView(
  279. controller: _model.tabBarController,
  280. children: [
  281. SingleChildScrollView(
  282. child: Column(
  283. mainAxisSize: MainAxisSize.max,
  284. children: [
  285. wrapWithModel(
  286. model: _model
  287. .homeUitgaantabelKaartComponentModel1,
  288. updateCallback: () => safeSetState(() {}),
  289. child: Builder(builder: (_) {
  290. return DebugFlutterFlowModelContext(
  291. rootModel: _model.rootModel,
  292. child:
  293. HomeUitgaantabelKaartComponentWidget(
  294. displayid: 'display_3',
  295. ),
  296. );
  297. }),
  298. ),
  299. ],
  300. ),
  301. ),
  302. SingleChildScrollView(
  303. child: Column(
  304. mainAxisSize: MainAxisSize.max,
  305. children: [
  306. wrapWithModel(
  307. model: _model
  308. .homeUitgaantabelKaartComponentModel2,
  309. updateCallback: () => safeSetState(() {}),
  310. child: Builder(builder: (_) {
  311. return DebugFlutterFlowModelContext(
  312. rootModel: _model.rootModel,
  313. child:
  314. HomeUitgaantabelKaartComponentWidget(
  315. displayid: 'services_4',
  316. ),
  317. );
  318. }),
  319. ),
  320. ],
  321. ),
  322. ),
  323. SingleChildScrollView(
  324. child: Column(
  325. mainAxisSize: MainAxisSize.max,
  326. children: [
  327. wrapWithModel(
  328. model: _model
  329. .homeUitgaantabelKaartComponentModel3,
  330. updateCallback: () => safeSetState(() {}),
  331. child: Builder(builder: (_) {
  332. return DebugFlutterFlowModelContext(
  333. rootModel: _model.rootModel,
  334. child:
  335. HomeUitgaantabelKaartComponentWidget(
  336. displayid: 'services_5',
  337. ),
  338. );
  339. }),
  340. ),
  341. ],
  342. ),
  343. ),
  344. SingleChildScrollView(
  345. child: Column(
  346. mainAxisSize: MainAxisSize.max,
  347. children: [
  348. wrapWithModel(
  349. model: _model
  350. .homeUitgaantabelKaartComponentModel4,
  351. updateCallback: () => safeSetState(() {}),
  352. child: Builder(builder: (_) {
  353. return DebugFlutterFlowModelContext(
  354. rootModel: _model.rootModel,
  355. child:
  356. HomeUitgaantabelKaartComponentWidget(
  357. displayid: 'services_6',
  358. ),
  359. );
  360. }),
  361. ),
  362. ],
  363. ),
  364. ),
  365. SingleChildScrollView(
  366. child: Column(
  367. mainAxisSize: MainAxisSize.max,
  368. children: [
  369. wrapWithModel(
  370. model: _model
  371. .homeUitgaantabelKaartComponentModel5,
  372. updateCallback: () => safeSetState(() {}),
  373. child: Builder(builder: (_) {
  374. return DebugFlutterFlowModelContext(
  375. rootModel: _model.rootModel,
  376. child:
  377. HomeUitgaantabelKaartComponentWidget(
  378. displayid: 'services_7',
  379. ),
  380. );
  381. }),
  382. ),
  383. ],
  384. ),
  385. ),
  386. ],
  387. ),
  388. ),
  389. ],
  390. ),
  391. ),
  392. ],
  393. ),
  394. ),
  395. ),
  396. );
  397. }
  398. }