добавьте отступ к курсору текстового поля / центрируйте курсор текстового поля во флаттере

#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,  ),  ),  ),  

Ваш экран результатов-gt; изображение