#flutter #dart
Вопрос:
У меня есть TextField
, и когда я меняюсь cursor height
, он падает . я хочу, чтобы он был в центре или добавил под ним отступ.
Курсор должен быть вертикально center
TextField
, возможно ли это ?
и это мой код.
TextField( cursorHeight: 30, cursorColor: Colors.yellow, cursorWidth: 2, cursorRadius: Radius.circular(500), style: TextStyle(color: Colors.white, fontSize: 14), obscureText: isPasswordTextField ? showPassword : false, decoration: InputDecoration( enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: Colors.transparent), borderRadius: BorderRadius.all(Radius.circular(8)), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide(width: 2, color: Colors.yellow), borderRadius: BorderRadius.circular(10), ), suffixIcon: isPasswordTextField ? IconButton( onPressed: () { setState(() { showPassword = !showPassword; }); }, icon: Icon( Icons.remove_red_eye, color: Colors.yellow, ), ) : null, contentPadding: EdgeInsets.fromLTRB(10, 0, 0, 0), filled: true, fillColor: Color.fromRGBO(28, 28, 28, 1), labelText: labelText, labelStyle: TextStyle( color: Colors.yellow, fontSize: 22, fontFamily: 'Exo', fontWeight: FontWeight.bold ), floatingLabelBehavior: FloatingLabelBehavior.always, hoverColor: Color.fromRGBO(54, 54, 54, 1), hintText: placeholder, hintStyle: TextStyle( fontSize: 14, color: Colors.white, ) ), ),
Ответ №1:
Это должно помочь. Как вы можете видеть в вашем текстовом файле, высота не указана.
TextField( cursorHeight: 30, cursorColor: Colors.yellow, cursorWidth: 2, cursorRadius:const Radius.circular(500), style: TextStyle( color: Colors.white, fontSize: 14, height: 1.5 //Add this ), ),
Ответ №2:
Попробуйте приведенный ниже код, надеюсь, он вам поможет.добавьте свой дополнительный код, который я также пытался разработать
TextField( style: TextStyle( color: Colors.white, fontSize: 14, ), decoration: InputDecoration( enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: Colors.transparent), borderRadius: BorderRadius.all( Radius.circular(8), ), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( width: 2, color: Colors.yellow, ), borderRadius: BorderRadius.circular(10), ), suffixIcon: IconButton( onPressed: () { setState(() {}); }, icon: Icon( Icons.remove_red_eye, color: Colors.yellow, ), ), // floatingLabelBehavior: FloatingLabelBehavior.always, contentPadding: EdgeInsets.fromLTRB(10, 0, 0, 0), filled: true, fillColor: Color.fromRGBO(28, 28, 28, 1), labelText: 'labelText', labelStyle: TextStyle( color: Colors.yellow, fontSize: 22, fontFamily: 'Exo', fontWeight: FontWeight.bold), hoverColor: Color.fromRGBO(54, 54, 54, 1), hintText: 'placeholder', hintStyle: TextStyle( fontSize: 14, color: Colors.white, ), ), ),