import 'dart:ui'; import 'package:aku_community_manager/style/app_style.dart'; import 'package:aku_community_manager/tools/widget_tool.dart'; import 'package:aku_community_manager/ui/login/login_sms_page.dart'; import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart'; import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart'; import 'package:aku_ui/common_widgets/aku_material_button.dart'; import 'package:common_utils/common_utils.dart'; import 'package:extended_text/extended_text.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:aku_community_manager/tools/screen_tool.dart'; import 'package:get/route_manager.dart'; class LoginPage extends StatefulWidget { LoginPage({Key key}) : super(key: key); @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageState extends State { TextEditingController _textController = TextEditingController(); bool get phoneValid { return RegexUtil.isMobileSimple(_textController.text); } bool get emptyText { return TextUtil.isEmpty(_textController.text); } @override void dispose() { _textController?.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return AkuScaffold( backgroundColor: Colors.white, leading: AkuBackButton.close(), body: ListView( padding: EdgeInsets.symmetric( vertical: 40.w, horizontal: 32.w, ), children: [ Text( '欢迎登录小蜜蜂', style: TextStyle( color: AppStyle.primaryTextColor, fontWeight: FontWeight.bold, fontSize: 48.sp, ), ), AkuBox.h(184), Text( '手机号码', style: TextStyle( color: AppStyle.primaryTextColor, fontSize: 24.sp, ), ), Container( width: double.infinity, child: TextField( autofocus: true, controller: _textController, onChanged: (text) { setState(() {}); }, keyboardType: TextInputType.phone, decoration: InputDecoration( suffixIconConstraints: BoxConstraints( minHeight: 0, minWidth: 0, ), suffixIcon: emptyText ? SizedBox() : GestureDetector( onTap: () { _textController.clear(); setState(() {}); }, child: Icon( CupertinoIcons.clear_circled_solid, size: 30.w, color: Color(0xFF999999), ), ), border: UnderlineInputBorder( borderSide: BorderSide( color: Color(0xFFE8E8E8), width: 1.w, ), ), focusedBorder: UnderlineInputBorder( borderSide: BorderSide( color: Color(0xFFE8E8E8), width: 2.w, ), ), ), ), ), AkuBox.h(80), Padding( padding: EdgeInsets.symmetric(horizontal: 32.w), child: AkuMaterialButton( color: AppStyle.primaryColor, onPressed: phoneValid ? () => Get.off(LoginSMSPage(phone: _textController.text)) : null, nullColor: Color(0xFFFFE67D), radius: 8.w, child: Text( '获取验证码', style: TextStyle( color: phoneValid ? AppStyle.primaryTextColor : AppStyle.minorTextColor, fontSize: 32.sp, fontWeight: FontWeight.bold, ), ), ), ), ], ), bottom: Container( height: 110.w, alignment: Alignment.center, padding: EdgeInsets.symmetric(vertical: 40.w), child: ExtendedText.rich( TextSpan( style: TextStyle( color: AppStyle.minorTextColor, fontSize: 22.sp, ), children: [ TextSpan( text: '登录即代表您已同意我们的', ), ExtendedWidgetSpan( child: GestureDetector( child: Text( '《服务协议》', style: TextStyle( color: AppStyle.secondaryColor, fontSize: 22.sp, ), ), ), ), TextSpan( text: '和', ), ExtendedWidgetSpan( child: GestureDetector( child: Text( '《隐私政策》', style: TextStyle( color: AppStyle.secondaryColor, fontSize: 22.sp, ), ), ), ), TextSpan( text: '', ), ], ), ), ), ); } }