view.dart 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. import 'package:electronic_assistant/base/base_page.dart';
  2. import 'package:electronic_assistant/module/talk/controller.dart';
  3. import 'package:electronic_assistant/module/talk/original/view.dart';
  4. import 'package:electronic_assistant/module/talk/summary/view.dart';
  5. import 'package:electronic_assistant/module/talk/todo/view.dart';
  6. import 'package:electronic_assistant/resource/colors.gen.dart';
  7. import 'package:electronic_assistant/utils/expand.dart';
  8. import 'package:electronic_assistant/utils/fixed_size_tab_indicator.dart';
  9. import 'package:flutter/cupertino.dart';
  10. import 'package:flutter/material.dart';
  11. import 'package:flutter/services.dart';
  12. import 'package:flutter_screenutil/flutter_screenutil.dart';
  13. import 'package:get/get.dart';
  14. import 'package:get/get_core/src/get_main.dart';
  15. import '../../data/bean/talks.dart';
  16. import '../../resource/assets.gen.dart';
  17. import '../../router/app_pages.dart';
  18. class TalkPage extends BasePage<TalkController> {
  19. TalkPage({super.key});
  20. static void start(TalkBean item) {
  21. Get.toNamed(RoutePath.talkDetail, arguments: item);
  22. }
  23. @override
  24. Widget buildBody(BuildContext context) {
  25. return Stack(
  26. children: [
  27. buildTopGradient(),
  28. Column(
  29. crossAxisAlignment: CrossAxisAlignment.start,
  30. children: [
  31. AppBar(
  32. systemOverlayStyle: SystemUiOverlayStyle.dark,
  33. backgroundColor: Colors.transparent,
  34. leading: IconButton(
  35. icon: SizedBox(
  36. width: 24.w,
  37. height: 24.w,
  38. child: Assets.images.iconBack.image()),
  39. // Custom icon
  40. onPressed: () {
  41. Get.back();
  42. },
  43. ),
  44. ),
  45. Padding(
  46. padding: EdgeInsets.symmetric(horizontal: 12.w),
  47. child: Column(
  48. crossAxisAlignment: CrossAxisAlignment.start,
  49. children: [
  50. SizedBox(height: 8.h),
  51. Text(controller.talkBean.value.title.orEmpty,
  52. style: TextStyle(
  53. fontSize: 22.sp,
  54. fontWeight: FontWeight.bold,
  55. color: ColorName.primaryTextColor)),
  56. SizedBox(height: 4.h),
  57. Text(controller.talkBean.value.createTime.orEmpty,
  58. style: TextStyle(
  59. fontSize: 12.sp,
  60. color: ColorName.secondaryTextColor)),
  61. SizedBox(height: 14.h),
  62. ],
  63. ),
  64. ),
  65. Expanded(
  66. child: DefaultTabController(
  67. length: controller.tabBeans.length,
  68. child: Column(
  69. children: [
  70. Container(
  71. decoration: const BoxDecoration(
  72. color: Colors.white,
  73. borderRadius: BorderRadius.only(
  74. topLeft: Radius.circular(12),
  75. topRight: Radius.circular(12),
  76. )),
  77. child: TabBar(
  78. labelStyle: TextStyle(
  79. fontSize: 16.sp, fontWeight: FontWeight.bold),
  80. unselectedLabelStyle: TextStyle(fontSize: 14.sp),
  81. labelColor: ColorName.primaryTextColor,
  82. unselectedLabelColor:
  83. ColorName.secondaryTextColor,
  84. labelPadding: EdgeInsets.only(top: 4.h),
  85. dividerHeight: 0,
  86. indicator: FixedSizeTabIndicator(
  87. width: 16.w,
  88. height: 3.w,
  89. radius: 3,
  90. color: ColorName.colorPrimary),
  91. tabs: controller.tabBeans
  92. .map((txt) => Tab(text: txt))
  93. .toList()),
  94. ),
  95. Divider(
  96. height: 1,
  97. color: const Color(0xFFf6f6f6),
  98. indent: 12.w,
  99. endIndent: 12.w),
  100. Expanded(
  101. child: TabBarView(
  102. children: controller.pages,
  103. ))
  104. ],
  105. )))
  106. ],
  107. )
  108. ],
  109. );
  110. }
  111. @override
  112. bool immersive() {
  113. return true;
  114. }
  115. Container buildTopGradient() {
  116. return Container(
  117. width: 1.sw,
  118. height: 180.h,
  119. decoration: BoxDecoration(
  120. gradient: LinearGradient(
  121. colors: ['#E1E9FF'.toColor(), '#F9FAFE'.toColor()],
  122. begin: Alignment.topCenter,
  123. end: Alignment.bottomCenter,
  124. stops: const [0.3, 1.0],
  125. ),
  126. ));
  127. }
  128. }