import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutterflow_ui/flutterflow_ui.dart'; import 'package:fluwx/fluwx.dart'; import 'package:vbvs_app/common/color/appConstants.dart'; import 'package:vbvs_app/common/color/app_uri_status.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/component/tool/CustomCard.dart'; import 'package:vbvs_app/component/tool/TopSlideNotification.dart'; import 'package:vbvs_app/controller/device/device_share_controller.dart'; import 'package:vbvs_app/controller/login/login_controller.dart'; import 'package:vbvs_app/model/api_response.dart'; import 'package:vbvs_app/pages/device_bind/componnet/FancyCircleCheckbox.dart'; class DeviceSharePage extends StatefulWidget { var device; DeviceSharePage({super.key, required this.device}); @override State createState() => _DeviceSharePageState(); } class _DeviceSharePageState extends State { DeviceShareController deviceShareController = Get.find(); @override void initState() { deviceShareController.msg = "".obs; deviceShareController.code = 0.obs; deviceShareController.account = "".obs; super.initState(); } @override Widget build(BuildContext context) { var device = widget.device; RxBool flag1 = true.obs; RxBool flag2 = false.obs; return LayoutBuilder( builder: (context, bodySize) => GestureDetector( // onTap: () => FocusScope.of(context).unfocus(),, child: Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/img/bgNoImg.png'), fit: BoxFit.fill, ), ), child: Scaffold( backgroundColor: Colors.transparent, appBar: AppBar( backgroundColor: themeController.currentColor.sc17, automaticallyImplyLeading: false, iconTheme: IconThemeData(color: themeController.currentColor.sc3), titleSpacing: 0, title: Container( width: double.infinity, height: 180.rpx, child: Stack( alignment: Alignment.center, children: [ Text( '设备分享'.tr, style: TextStyle( fontFamily: 'Readex Pro', color: themeController.currentColor.sc3, letterSpacing: 0, fontSize: 30.rpx, ), ), Positioned( left: 0, child: returnIconButtom, ), ], ), ), actions: [], centerTitle: false, ), body: SafeArea( top: true, child: Padding( padding: EdgeInsetsDirectional.fromSTEB(47.rpx, 0, 47.rpx, 0), child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 28.rpx, 0, 0), child: Container( width: double.infinity, child: Text( '要分享的设备'.tr, style: TextStyle( fontFamily: 'Inter', fontSize: 30.rpx, letterSpacing: 0.0, color: themeController.currentColor.sc3, ), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 62.rpx, 0, 62.rpx), child: Container( width: double.infinity, child: Column( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.center, children: [ Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: [ Obx(() => FancyCircleCheckbox( borderColor: themeController.currentColor.sc3, fillColor: themeController.currentColor.sc2, value: flag1.value, onChanged: (value) { flag1.value = !flag1.value; deviceShareController.updateAll(); }, )), Text( '主设备'.tr + "${device['person']?['name'] == null ? '未命名'.tr : device['person']['name']}", style: TextStyle( fontFamily: 'Inter', fontSize: 26.rpx, letterSpacing: 0.0, color: themeController.currentColor.sc3, ), ), ].divide(SizedBox(width: 20.rpx)), ), // Row( // mainAxisSize: MainAxisSize.max, // mainAxisAlignment: MainAxisAlignment.center, // children: [ // Obx(() => FancyCircleCheckbox( // borderColor: // themeController.currentColor.sc3, // fillColor: // themeController.currentColor.sc2, // value: true, // onChanged: (value) {}, // )), // Text( // '主设备：蓝盈盈（A9876451）', // style: FlutterFlowTheme.of(context) // .bodyMedium // .override( // fontFamily: 'Inter', // fontSize: 26.rpx, // letterSpacing: 0.0, // color: // themeController.currentColor.sc3, // ), // ), // ].divide(SizedBox(width: 20.rpx)), // ), ].divide(SizedBox(height: 64.rpx)), ), ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 58.rpx, 0, 0), child: Container( width: MediaQuery.sizeOf(context).width * 0.66, height: 100.rpx, decoration: BoxDecoration( borderRadius: BorderRadius.circular(50.rpx), border: Border.all( color: themeController.currentColor.sc4 .withOpacity(0.5), width: AppConstants().border_width, ), ), child: Align( alignment: AlignmentDirectional(0, 0), child: TextFormField( // controller: _model.textController1, // focusNode: _model.textFieldFocusNode1, initialValue: deviceShareController.account.value, onChanged: (Value) { deviceShareController.account.value = Value; }, autofocus: false, obscureText: false, decoration: InputDecoration( fillColor: Colors.transparent, isDense: true, labelStyle: TextStyle( fontFamily: 'Inter', letterSpacing: 0.0, color: themeController.currentColor.sc3, ), hintText: '请输入对方手机号或邮箱'.tr, hintStyle: TextStyle( fontFamily: 'Inter', fontSize: 26.rpx, letterSpacing: 0.0, color: themeController.currentColor.sc4, ), enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Color(0x00000000), width: 1.rpx, ), borderRadius: BorderRadius.circular(8.rpx), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: Color(0x00000000), width: 1.rpx, ), borderRadius: BorderRadius.circular(8.rpx), ), errorBorder: OutlineInputBorder( borderSide: BorderSide( width: 1.rpx, ), borderRadius: BorderRadius.circular(8.rpx), ), focusedErrorBorder: OutlineInputBorder( borderSide: BorderSide( width: 1.rpx, ), borderRadius: BorderRadius.circular(8.rpx), ), filled: true, ), style: TextStyle( fontFamily: 'Inter', letterSpacing: 0.0, color: themeController.currentColor.sc3, ), textAlign: TextAlign.center, cursorColor: themeController.currentColor.sc3, // validator: _model.textController1Validator // .asValidator(context), ), ), ), ), Obx(() { return Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 15.rpx, 0, 0), child: Container( width: double.infinity, constraints: BoxConstraints( minHeight: 30.rpx, ), child: deviceShareController.code != 0 ? Align( alignment: AlignmentDirectional(0, 0), child: RichText( textAlign: TextAlign.center, text: TextSpan( children: [ TextSpan( text: '${deviceShareController.code.value == 1 ? "邀请成功".tr : "邀请失败".tr}', style: TextStyle( fontFamily: 'Inter', fontSize: 26.rpx, letterSpacing: 0.0, color: deviceShareController .code.value == 1 ? themeController .currentColor.sc2 : themeController .currentColor.sc9, ), ), TextSpan( text: '${deviceShareController.msg}', style: TextStyle( fontFamily: 'Inter', fontSize: 26.rpx, letterSpacing: 0.0, color: themeController .currentColor.sc9, ), ), ], ), ), ) : Container(), ), ); }), Padding( padding: EdgeInsetsDirectional.fromSTEB(0, 58.rpx, 0, 0), child: CustomCard( borderRadius: AppConstants().button_container_radius, // 圆角半径 onTap: () async { ApiResponse apiResponse = await deviceShareController .shareDevice(device['mac']); if (apiResponse.code == HttpStatusCodes.ok) { TopSlideNotification.show(context, text: apiResponse.msg!); } else { TopSlideNotification.show(context, text: apiResponse.msg!, textColor: themeController.currentColor.sc9); } }, colors: [ // 渐变色 themeController.currentColor.sc1, themeController.currentColor.sc2, ], child: Container( width: MediaQuery.sizeOf(context).width * 0.214, height: MediaQuery.sizeOf(context).height * 0.037, constraints: BoxConstraints( minWidth: 160.rpx, minHeight: 60.rpx, ), child: Row( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: [ Text( '发送邀请'.tr, style: TextStyle( color: themeController.currentColor.sc3, fontFamily: 'Inter', fontSize: AppConstants() .normal_text_fontSize, // 自定义字体大小 letterSpacing: 0.0, ), ), ].divide(SizedBox(width: 17.rpx)), ), ), ), ), ], ), ), ), ), ), ), ), ); } }