как сделать текстовое поле такого типа? (проверьте изображение)

#android #ios #flutter #dart #textfield

Вопрос:

введите описание изображения здесь

Как сделать текст, набранный в текстовом поле, недоступным для удаления? Я довольно новичок в программировании, оглядевшись, я подумал, что id использует мои шансы, спрашивая здесь. Мне в основном нужно текстовое поле, как на картинке.

Комментарии:

1. Вы должны использовать Text , если хотите, чтобы он был удаляемым, или добавить enable:false TextField его .

Ответ №1:

Простой способ архивирования с помощью dotted_border

введите описание изображения здесь

Код

  DottedBorder(
          color: Colors.grey,
          dashPattern: [2, 3, 2, 3],
          strokeWidth: 1,
          padding: EdgeInsets.all(20),
          child: Text(
            "Basic Maths",
          )),
 

Ответ №2:

Сделайте свой текст readOnly: true

 DottedBorder(
  color: Colors.black,
  strokeWidth: 1,
  child:   Container(
    decoration: BoxDecoration(
      color: Colors.tealAccent,
    ),
    child: TextField(
      readOnly: true,
      decoration: InputDecoration(
        hintStyle: TextStyle(fontSize: 17),
        hintText: 'Search your trips',
        suffixIcon: Icon(Icons.search),
        border: InputBorder.none,
        contentPadding: EdgeInsets.all(20),
      ),
    ),
  ),
)

 

Комментарии:

1. но как сделать эту горячо любимую границу на текстовом поле.

2. вы можете попробовать с dotted_border pub.dev/пакеты/dotted_border

3. обновите мой ответ, пожалуйста, посмотрите