Flutter. Доработка кода с двумя ListView.builder.

Flutter. Задачи:

1. ListView.builder:

1.1. Сделать чтобы при движении пальца по смартфону (Андроид) горизонтальные ListView.builder-ы прокручивались по горизонтали вместе (как один ListView.builder, как одна строка).

Как результат при движении пальцем по экрану в любую сторону весь массив должен

смещаться за пальцем и при свайпе (быстром движении пальцем по экрану с отрывом

в конце) в любом направлении должно прокручиваться как при ListView.builder.

1.2. Вывести в переменные (например, listBilderX и listBilderY, или в одну Offset listBilder) текущие горизонтальное и вертикальное смещения ListView.builder.

2. В коде ниже если тапнуть пальцем по смартфону и провести по горизонтали, то за

пальцем начнёт двигаться горизонтальный ListView.builder (один из). Если, не

отрывая первый палец, тапнуть по смартфону вторым пальцем и начать двигать им

уже вертикально, то начнёт двигаться уже вертикально весь массив. Следовательно,

прога видит два пальца и их движения.

Задача использовать движение двух пальцев для изменения размера квадрата/ячейки,

сохраняя при этом возможность двигать/свайпать массив на экране (без включения

другого режима в моб. приложении).

3. Желательно/по возможности ускорить работу кода в 2 и более раз (при макс. массиве до

1000х1000). Указать в ответе возможность этого пункта и примерно во сколько

можно ускорить.

Комменты в коде не нужны. В качестве выполненной задачи мне хватит только отредактированного листинга (т.е. установщик/apk не нужен).

Совет - проверять работу кода на реальном устройстве.

В приатаченном файле заготовка кода.

Просьба озвучить сумму и примерные сроки.

---------------------------------

import 'package:flutter/material.dart';

import 'package:rnd/rnd.dart';

import 'dart:math';

final rnd = Random();

List users = List.generate(1000, (j) => List.generate(1000, (i) => '$j\n$i'));

var cellMark =

List.generate(1000, (j) => List.generate(1000, (i) => rnd(2).toInt()));

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {

const MyApp({super.key});

@override

Widget build(BuildContext context) {

return const MaterialApp(

title: 'list_bilder_1',

debugShowCheckedModeBanner: false,

home: MyHomePage(),

);

}

}

class MyHomePage extends StatefulWidget {

const MyHomePage({super.key});

@override

MyHomePageState createState() => MyHomePageState();

}

class MyHomePageState extends State {

double squareSize = 40;

@override

Widget build(BuildContext context) {

return Scaffold(

body: ListView.builder(

scrollDirection: Axis.vertical,

itemCount: users.length,

itemBuilder: (BuildContext context, int index) {

return SizedBox(

width: squareSize + 1.0,

height: squareSize + 1.0,

child: ListView.builder(

scrollDirection: Axis.horizontal,

itemCount: users.length,

itemBuilder: (BuildContext context, int indexF) {

return Container(

width: squareSize,

height: squareSize,

margin: const EdgeInsets.all(0.5),

color: cellMark[index][indexF] == 0

? Colors.yellow

: Colors.blueAccent,

child: Center(

child: Text(

users[index][indexF],

textAlign: TextAlign.center,

),

),

);

},

),

);

},

),

);

}

}