Как я могу добавить еще 2 кнопки и 1 текст в конце свойства в флаттер - PullRequest
0 голосов
/ 28 октября 2019

Хочу создать список товаров в моем приложении. поэтому я использовал Card Widget и внутри него использовал виджет ListTile. Внутри listTile я использовал конечное свойство, чтобы создать столбец для добавления 2 кнопок и числа. Когда я создаю эти вещи, отображается ошибка макета, которая BOTTOM OVERFLOWED BY 55 PIXEL .

Воткоды

  @override
  _NewTestState createState() => _NewTestState();
}

class _NewTestState extends State<NewTest> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: new AppBar(
          title: new Text("data"),
        ),
        body: new Card(
          child: new ListTile(
            leading: new FlutterLogo(
              size: 50.0,
            ),
            title: new Text("Title"),
            subtitle: new Text("subtitle"),
            trailing: new Column(
              children: <Widget>[
                new IconButton(
                  icon: Icon(Icons.arrow_drop_up),
                  onPressed: () {},
                ),
                new Text("1"),
                new IconButton(
                  icon: Icon(Icons.arrow_drop_down),
                  onPressed: () {},
                ),
              ],
            ),
          ),
        ));
  }
}

Пожалуйста, помогите мне с этим ...

1 Ответ

0 голосов
/ 28 октября 2019

Это потому, что ваш Column выше роста ListTile, и поэтому ваш IconButton обрезается на ListTile. Мне на ум приходят два варианта:

  • Если ваш Column достаточно мал, попробуйте установить для свойства isThreeLine вашего ListTile значение true, что сделает ListTile aнемного выше, и это может быть именно то, что вам нужно.
  • Лучшим, более общим подходом было бы создать свой собственный ListTile, составив Column s и Row s. Это не сложно сделать на самом деле. Имейте в виду, что ListTile предназначен для очень конкретных случаев. Как документация ListTile гласит:

Если способ, которым ListTile дополняет и позиционирует свои элементы, не совсем то, что вы ищете, легко создать пользовательскийэлементы списка с комбинацией других виджетов, таких как строки и столбцы.

Проверьте образец приложения из документации, это результат, который он генерирует.

enter image description here

Это может быть хорошей отправной точкой для того, что вам нужно.

...