Как сделать коробку изображений с ценой во Flutter
Я собираюсь сделать приложение электронной коммерции с ценой, изображением, видом скидки, но я понятия не имею, чтобы сделать это представление. Я пробовал тысячи способов, но они ничего не дали мне.
если честно, я ничего не делаю, потому что я не могу найти учебник, чтобы сделать 1 из них, я нашел только, как вставить текст над изображениями и сделать выравнивание по правому краю. мне очень жаль, потому что я действительно новичок в этой структуре
Вы сказали, что пробовали 1000 способов, но ничего. сделать больше исследований все там
тогда скажите мне, какие исследования я должен искать здесь, если ИДК, что делать с моей проблемой? не будь мистером Всезнайкой, как ты знаешь мой случай :)
Ответы 2
Ваш вопрос слишком широк, но он попытается предоставить вам необходимые ресурсы для создания макета, который вы ищете.
Все сводится к виджетам макета (вы можете найти каталог здесь: https://flutter.dev/docs/development/ui/widgets/layout). Существуют виджеты макета с одним и несколькими дочерними элементами. Чтобы создать эффект тега скидки, вам понадобится виджет «Стек», который, как следует из его названия, укладывает свои дочерние элементы друг на друга, тогда вы могли бы иметь и виджет «Изображение» и виджет «Скидка» в качестве дочерних элементов, эффективно помещая скидку метка поверх изображения. Макет для каждой карты может быть примерно таким:
Container(
child: Column(
children: <Widget>[
Stack(
children: <Widget>[
Image(),
DiscountWidget(),
],
),
Text('Shirt'),
Row(
Text('Rp.50000'),
Text('345'),
),
Row(
RatingWidget(),
Text('Ready stock'),
),
],
),
);
Конечно, вам нужно будет реализовать DiscountWidget и RatingWidget, но этот код дает общее представление о том, как вы можете создать макет, который ищете.
oalah .. так это высокий уровень, верно? Я иду так глубоко. с моими низкими навыками это похоже на тяжелую домашнюю работу для меня. но еще раз спасибо за ваше объяснение. Я попробую ваш совет и применю его к своему рабочему листу. большое спасибо, мистер @Mariano Uvalle
но не могли бы вы научить меня, как сделать 2 коробки бок о бок с изображением внутри коробки? Я до сих пор ничего не могу найти, как это сделать.
Еще раз, это сводится к виджетам макета. Если вы хотите иметь 2 карты рядом, вам понадобится еще один виджет Row, который будет их содержать. Но я подозреваю, что на самом деле вы ищете GridView, который может отображать несколько карточек с возможностью прокрутки.
ok большое спасибо за совет. Я ищу учебник по gridview в Интернете, но я все еще не понимаю эту концепцию. может ли gridview отображать 3 столбца рядом? я имею в виду так: box- -box- -box- первая строка содержит 3 столбца --- box--- --- box--- вторая содержит 2 столбца, я имею в виду, делает ли gridview их реальными ?? кстати извините за мой плохой английский
Для линии через
style: TextStyle(decoration: TextDecoration.lineThrough),
что вы пробовали с кодом?