Фоновое изображение для TextField - Flutter - PullRequest
0 голосов
/ 02 июня 2018

Я пытаюсь добавить фоновое изображение для TextField во флаттере.Вот что я пробовал до сих пор:

Stack(
 alignment: AlignmentDirectional.center,
 children: <Widget>[
   SizedBox(width:333.0, height:43.0,
     child: Image(image: AssetImage('assets/search_field.png')),),
     TextField(
       textAlign: TextAlign.center,
       controller: _searchController,
       autocorrect: false,
       style: inputTextStyle,
       decoration: InputDecoration(
         filled:false,
     ))],)

К сожалению, у меня есть три проблемы:

  • , текстовое поле растягивается на ширину устройства, а курсормигает слева от изображения
  • под текстовым полем есть граница в одну строку
  • когда появляется клавиатура, я вижу предупреждение о переполнении (нижняя точка переполнена на 137 пикселей)

[✓] Flutter (Channel beta, v0.4.4, в Mac OS X 10.13.4 17E199, локаль en-US)

Любая помощь будет принята с благодарностью.

Ответы [ 2 ]

0 голосов
/ 03 июня 2018
    new Container(
      height: 100.0,
      width: 100.0,
      alignment: Alignment.center,
      child: new Stack(alignment: Alignment.center, children: <Widget>[
        Image(image: AssetImage('assets/example.jpg')),
        TextField(
            textAlign: TextAlign.center,
            autocorrect: false,
            decoration:
                //disable single line border below the text field
                new InputDecoration.collapsed(hintText: 'Username')),
      ]),
    ),
0 голосов
/ 02 июня 2018

Попробуйте это

new Stack(
  alignment: AlignmentDirectional.center,
  children: <Widget>[
    Image(
      image: AssetImage('assets/search_field.png'),
      width: 333.0,
      height: 43.0,
      fit: BoxFit.fill,
    ),
    Text("someText")
  ],
);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...