optimize id input

Signed-off-by: 21pages <pages21@163.com>
This commit is contained in:
21pages 2022-08-23 19:55:58 +08:00
parent 16c1813df1
commit 7c9f799f05

View File

@ -186,9 +186,14 @@ class _ConnectionPageState extends State<ConnectionPage> {
RxBool ftPressed = false.obs; RxBool ftPressed = false.obs;
RxBool connHover = false.obs; RxBool connHover = false.obs;
RxBool connPressed = false.obs; RxBool connPressed = false.obs;
RxBool inputFocused = false.obs;
FocusNode focusNode = FocusNode();
focusNode.addListener(() {
inputFocused.value = focusNode.hasFocus;
});
var w = Container( var w = Container(
width: 320 + 20 * 2, width: 320 + 20 * 2,
padding: EdgeInsets.only(left: 20, right: 20, bottom: 22, top: 30), padding: EdgeInsets.only(left: 20, right: 20, bottom: 22, top: 24),
decoration: BoxDecoration( decoration: BoxDecoration(
color: MyTheme.color(context).bg, color: MyTheme.color(context).bg,
borderRadius: const BorderRadius.all(Radius.circular(13)), borderRadius: const BorderRadius.all(Radius.circular(13)),
@ -197,36 +202,45 @@ class _ConnectionPageState extends State<ConnectionPage> {
child: Column( child: Column(
children: [ children: [
Row( Row(
children: <Widget>[ children: [
Text(
translate('Control Remote Desktop'),
style: TextStyle(fontSize: 19, height: 1),
),
],
).marginOnly(bottom: 15),
Row(
children: [
Expanded( Expanded(
child: Container( child: TextField(
child: TextField( autocorrect: false,
autocorrect: false, enableSuggestions: false,
enableSuggestions: false, keyboardType: TextInputType.visiblePassword,
keyboardType: TextInputType.visiblePassword, style: TextStyle(
style: TextStyle( fontFamily: 'WorkSans',
fontFamily: 'WorkSans', fontSize: 22,
fontSize: 22, height: 1,
),
decoration: InputDecoration(
labelText: translate('Control Remote Desktop'),
border:
OutlineInputBorder(borderRadius: BorderRadius.zero),
helperStyle: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
labelStyle: TextStyle(
fontWeight: FontWeight.w500,
fontSize: 26,
letterSpacing: 0.2,
),
),
controller: _idController,
onSubmitted: (s) {
onConnect();
},
), ),
decoration: InputDecoration(
hintText: translate('Enter Remote ID'),
hintStyle: TextStyle(
color: MyTheme.color(context).placeholder),
border: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide: BorderSide(
color: MyTheme.color(context).placeholder!)),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide:
BorderSide(color: MyTheme.button, width: 3),
),
isDense: true,
contentPadding:
EdgeInsets.symmetric(horizontal: 10, vertical: 12)),
controller: _idController,
onSubmitted: (s) {
onConnect();
},
), ),
), ),
], ],