[new]完成聊天定制弹出页

lib/module/chat/start/view.dart

@@ -1,3 +1,5 @@
+import 'dart:ffi';
+
 import 'package:electronic_assistant/base/base_page.dart';
 import 'package:electronic_assistant/module/chat/start/controller.dart';
 import 'package:electronic_assistant/resource/assets.gen.dart';
@@ -40,82 +42,38 @@ class ChatStartPage extends BasePage<ChatStartController> {
           Column(
             children: [
               buildTopBar(),
-              Container(
-                margin: EdgeInsets.only(top: 40.h),
-                width: 84.w,
-                child: Assets.images.iconTalkStartLogo.image(),
-              ),
-              Container(
-                margin: EdgeInsets.only(top: 6.h),
-                width: 328.w,
-                height: 99.h,
-                padding: const EdgeInsets.all(1),
-                decoration: BoxDecoration(
-                  gradient: const LinearGradient(
-                    colors: [
-                      Color.fromRGBO(226, 165, 255, 0.14),
-                      Color.fromRGBO(99, 122, 255, 0.14)
-                    ],
-                    begin: Alignment.topCenter,
-                    end: Alignment.bottomCenter,
-                    stops: [0, 1.0],
-                  ),
-                  borderRadius: BorderRadius.only(
-                    topLeft: Radius.circular(0.w),
-                    topRight: Radius.circular(16.w),
-                    bottomLeft: Radius.circular(16.w),
-                    bottomRight: Radius.circular(16.w),
-                  ),
-                ),
+              buildDescripe(),
+              buildInputTF(),
+              Expanded(child: SizedBox()),
+              TextButton(
+                onPressed: () {
+                  print(ScreenUtil().bottomBarHeight);
+                },
                 child: Container(
+                  margin: EdgeInsets.only(
+                      left: 16.w,
+                      right: 16.w,
+                      bottom: ScreenUtil().bottomBarHeight + 6.h),
+                  height: 48.h,
+                  width: double.infinity,
+                  alignment: Alignment.center,
                   decoration: BoxDecoration(
                     gradient: LinearGradient(
-                      colors: ['#FFF5FD'.toColor(), '#EEF9FF'.toColor()],
-                      begin: Alignment.topCenter,
-                      end: Alignment.bottomCenter,
+                      colors: ['#6177F2'.toColor(), '#8B9DFF'.toColor()],
                       stops: const [0, 1.0],
                     ),
-                    borderRadius: BorderRadius.only(
-                      topLeft: Radius.circular(0.w),
-                      topRight: Radius.circular(16.w),
-                      bottomLeft: Radius.circular(16.w),
-                      bottomRight: Radius.circular(16.w),
-                    ),
+                    borderRadius: BorderRadius.circular(8),
                   ),
-                  child: Container(
-                    padding: const EdgeInsets.only(
-                        left: 12, top: 14, right: 12, bottom: 16),
-                    child: Column(
-                      mainAxisAlignment: MainAxisAlignment.start,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        const Text(
-                          "👋 Hi，你好呀",
-                          style: TextStyle(
-                            color: ColorName.primaryTextColor,
-                            fontSize: 17,
-                            fontWeight: FontWeight.w500,
-                          ),
-                        ),
-                        Text(
-                          "作为专属秘书，告诉小听以下信息吧~",
-                          style: TextStyle(
-                            color: ColorName.primaryTextColor.withOpacity(0.8),
-                            fontSize: 14,
-                          ),
-                        ),
-                        Text(
-                          "您填写的内容，会影响我回答的准确度哦~",
-                          style: TextStyle(
-                            color: ColorName.primaryTextColor.withOpacity(0.8),
-                            fontSize: 14,
-                          ),
-                        ),
-                      ],
+                  child: Text(
+                    "下一步",
+                    style: TextStyle(
+                      color: ColorName.white,
+                      fontSize: 16,
+                      fontWeight: FontWeight.w500,
                     ),
                   ),
                 ),
-              ),
+              )
             ],
           ),
         ],
@@ -157,4 +115,185 @@ class ChatStartPage extends BasePage<ChatStartController> {
       ),
     );
   }
+
+  Widget buildDescripe() {
+    return Column(
+      children: [
+        Container(
+          margin: EdgeInsets.only(top: 40.h),
+          width: 84.w,
+          child: Assets.images.iconTalkStartLogo.image(),
+        ),
+        Container(
+          margin: EdgeInsets.only(top: 6.h),
+          width: 328.w,
+          height: 99.h,
+          padding: const EdgeInsets.all(1),
+          decoration: BoxDecoration(
+            gradient: const LinearGradient(
+              colors: [
+                Color.fromRGBO(226, 165, 255, 0.14),
+                Color.fromRGBO(99, 122, 255, 0.14)
+              ],
+              begin: Alignment.topCenter,
+              end: Alignment.bottomCenter,
+              stops: [0, 1.0],
+            ),
+            borderRadius: BorderRadius.only(
+              topLeft: Radius.circular(0.w),
+              topRight: Radius.circular(16.w),
+              bottomLeft: Radius.circular(16.w),
+              bottomRight: Radius.circular(16.w),
+            ),
+          ),
+          child: Container(
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                colors: ['#FFF5FD'.toColor(), '#EEF9FF'.toColor()],
+                begin: Alignment.topCenter,
+                end: Alignment.bottomCenter,
+                stops: const [0, 1.0],
+              ),
+              borderRadius: BorderRadius.only(
+                topLeft: Radius.circular(0.w),
+                topRight: Radius.circular(16.w),
+                bottomLeft: Radius.circular(16.w),
+                bottomRight: Radius.circular(16.w),
+              ),
+            ),
+            child: Container(
+              padding: const EdgeInsets.only(
+                  left: 12, top: 14, right: 12, bottom: 16),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const Text(
+                    "👋 Hi，你好呀",
+                    style: TextStyle(
+                      color: ColorName.primaryTextColor,
+                      fontSize: 17,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                  Text(
+                    "作为专属秘书，告诉小听以下信息吧~",
+                    style: TextStyle(
+                      color: ColorName.primaryTextColor.withOpacity(0.8),
+                      fontSize: 14,
+                    ),
+                  ),
+                  Text(
+                    "您填写的内容，会影响我回答的准确度哦~",
+                    style: TextStyle(
+                      color: ColorName.primaryTextColor.withOpacity(0.8),
+                      fontSize: 14,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget buildInputTF() {
+    return Container(
+      padding: const EdgeInsets.only(left: 16, right: 16, top: 24),
+      child: Column(
+        children: [
+          Row(
+            children: [
+              const Text(
+                "行业",
+                style: TextStyle(
+                  color: ColorName.primaryTextColor,
+                  fontSize: 15,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+              Text(
+                "*",
+                style: TextStyle(
+                  color: "#F5574E".toColor(),
+                  fontSize: 15,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+          Container(
+            margin: const EdgeInsets.only(top: 8, bottom: 18),
+            alignment: Alignment.center,
+            height: 44.h,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(8.w),
+              border: Border.all(color: '#ECECEC'.toColor(), width: 1),
+            ),
+            child: TextField(
+              maxLines: 1,
+              textAlignVertical: TextAlignVertical.center,
+              textInputAction: TextInputAction.search,
+              decoration: InputDecoration(
+                hintText: '如：房地产、金融、电子设备出口、教培',
+                hintStyle: TextStyle(fontSize: 14, color: "#AFAFAF".toColor()),
+                labelStyle:
+                    TextStyle(fontSize: 14, color: ColorName.primaryTextColor),
+                contentPadding: EdgeInsets.only(left: 12),
+                border: OutlineInputBorder(borderSide: BorderSide.none),
+                enabled: true,
+              ),
+              style: TextStyle(fontSize: 14.sp),
+            ),
+          ),
+          Row(
+            children: [
+              const Text(
+                "岗位",
+                style: TextStyle(
+                  color: ColorName.primaryTextColor,
+                  fontSize: 15,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+              Text(
+                "*",
+                style: TextStyle(
+                  color: "#F5574E".toColor(),
+                  fontSize: 15,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+          Container(
+            margin: const EdgeInsets.only(top: 8, bottom: 18),
+            alignment: Alignment.center,
+            height: 44.h,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(8.w),
+              border: Border.all(color: '#ECECEC'.toColor(), width: 1),
+            ),
+            child: TextField(
+              maxLines: 1,
+              textAlignVertical: TextAlignVertical.center,
+              textInputAction: TextInputAction.search,
+              decoration: InputDecoration(
+                hintText: '如：行政、助理、销售、总经理、创业者',
+                hintStyle: TextStyle(fontSize: 14, color: "#AFAFAF".toColor()),
+                labelStyle:
+                    TextStyle(fontSize: 14, color: ColorName.primaryTextColor),
+                contentPadding: EdgeInsets.only(left: 12),
+                border: OutlineInputBorder(borderSide: BorderSide.none),
+                enabled: true,
+              ),
+              style: TextStyle(fontSize: 14.sp),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
 }