Как выровнять точки в строке и столбце во флаттере?
Я хочу расположить точки, как показано на рисунке
И я понятия не имею, как повторить то же самое в Row и Column
вы пытались добавить один столбец и внутри него добавить 5 строк. Внутри строк добавьте эти изображения
Вы пробовали GridView?
@VirenVVarasadiya нет, я не пробовал GridView
это было бы легко возможно с представлением сетки, но эта точка не может быть в центре экрана.
Ответы 1
Есть много способов сделать это, например, Table или Row и Column вместе. Но GridView самый простой и рекомендуемый.
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Container(
padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10),
color: Colors.orange,
child: GridView.builder(
itemCount: 25,
itemBuilder: (context, index) => Container(decoration: BoxDecoration(color: Colors.white70, shape: BoxShape.circle)),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 5,
mainAxisSpacing: 40,
crossAxisSpacing: 50,
),
),
),
);
}
Это сработало, я думаю сделать функцию, в которой игрок (игра для 2 игроков) рисует линию (только по горизонтали или вертикали), соединяя точки, и тот, кто завершает четвертую сторону квадрата, должен играть снова. когда все ящики окрашены, игра заканчивается. Я создаю логику, когда вы получаете что-то предложить мне.
Есть 2 способа сделать это, 1-й (более простой), попробуйте сделать границу между двумя точками, как лампу, изначально ее цвет будет светло-белым, и один пользователь нажимает на нее, вы можете изменить ее цвет. 2-й способ (немного сложный) — использовать CustomPainter, чтобы позволить пользователю провести линию между двумя точками, и объединить этот подход с DragTarget.
На самом деле я хочу сделать простую игру с точками и коробками. Итак, я говорю о соединении, когда игрок касается точки и может рисовать линию, когда он достигает другой точки. Я надеюсь, что смогу заставить вас понять, чего я хочу.
Да, Prianca, я полностью понял вашу точку зрения, вам нужно CustomPainter здесь, см. этот пример, как вы можете рисовать линии, подход, о котором вы говорите, потребует значительного количества времени.
Хорошо, я позабочусь об этом и просто предложите мне, что еще я должен прочитать, чтобы сделать это, я тоже это сделаю.
Нет, с этим у вас все в порядке, однако я посмотрю, смогу ли я получить достаточно времени, и найду решение для вас.
@CopsOnRoad, вы можете ответить на этот вопрос?