如何在颤振中改变点击上的滚动方向?

Question

我有10个图像在列与singlechildscrollview和我想改变这10图像滚动方向垂直到水平上的ontap容器如何做到这一点帮助我.....

in simple我想把列改为行on ontap......

我有10个图像在列与singlechildscrollview和我想改变这10图像滚动方向垂直到水平上的ontap容器如何做到这一点帮助我.....

in simple我想把列改为行on ontap......

import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
home: MyApp(),
),
);
}
class MyApp extends StatefulWidget {
MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
List imglist = [
Image.asset('images/1.jpeg'),
Image.asset('images/2.jpeg'),
Image.asset('images/3.jpeg'),
Image.asset('images/4.jpeg'),
Image.asset('images/5.jpeg'),
Image.asset('images/6.jpeg'),
Image.asset('images/7.jpeg'),
Image.asset('images/8.jpeg'),
Image.asset('images/9.jpeg'),
Image.asset('images/10.jpeg'),
];
@override
Widget build(BuildContext context) {
double h = MediaQuery.of(context).size.height;
double w = MediaQuery.of(context).size.width;
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar(
centerTitle: true,
elevation: 0,
backgroundColor: Colors.black,
title: const Text(
"GALLERY VIEWER",
style: TextStyle(fontSize: 30, letterSpacing: 3),
),
actions: [Icon(Icons.grid_view_sharp)],
),
body: SingleChildScrollView(
child: Column(
children: [
Image.asset(
'images/1.jpeg',
),
Image.asset(
'images/2.jpeg',
),
Image.asset(
'images/3.jpeg',
),
Image.asset(
'images/4.jpeg',
),
Image.asset(
'images/5.jpeg',
),
Image.asset(
'images/6.jpeg',
),
Image.asset(
'images/7.jpeg',
),
Image.asset(
'images/8.jpeg',
),
Image.asset(
'images/9.jpeg',
),
Image.asset(
'images/10.jpeg',
),
],
),
),
backgroundColor: Colors.black);
}
}

Answer 1

我已经修改了你的代码一点，看看吹代码如何通过使用ListView实现它-

import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
home: MyApp(),
),
);
}

class MyApp extends StatefulWidget {
MyApp({Key? key}) : super(key: key);

@override
State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {

List imglist = [
Image.asset('images/1.jpeg'),
Image.asset('images/2.jpeg'),
Image.asset('images/3.jpeg'),
Image.asset('images/4.jpeg'),
Image.asset('images/5.jpeg'),
Image.asset('images/6.jpeg'),
Image.asset('images/7.jpeg'),
Image.asset('images/8.jpeg'),
Image.asset('images/9.jpeg'),
Image.asset('images/10.jpeg'),
];

bool isVertical = true;

@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar(
centerTitle: true,
elevation: 0,
backgroundColor: Colors.black,
title: const Text(
"GALLERY VIEWER",
style: TextStyle(fontSize: 30, letterSpacing: 3),
),
actions: [
IconButton(onPressed: (){
setState(() {
isVertical = !isVertical;
});
}, icon:const Icon(Icons.grid_view_sharp))
],
),
body: ListView.builder(
itemCount: imglist.length,
scrollDirection: isVertical ? Axis.vertical : Axis.horizontal,
itemBuilder: (context, index){
return imglist[index];
},
),
backgroundColor: Colors.black,
);
}
}

Answer 2

void main() {
runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
home: MyApp(),
),
);
}
class MyApp extends StatefulWidget {
MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
bool isChangeConstraints = false;
List imglist = [
Image.asset('images/1.jpeg'),
Image.asset('images/2.jpeg'),
Image.asset('images/3.jpeg'),
Image.asset('images/4.jpeg'),
Image.asset('images/5.jpeg'),
Image.asset('images/6.jpeg'),
Image.asset('images/7.jpeg'),
Image.asset('images/8.jpeg'),
Image.asset('images/9.jpeg'),
Image.asset('images/10.jpeg'),
];
@override
Widget build(BuildContext context) {
double h = MediaQuery.of(context).size.height;
double w = MediaQuery.of(context).size.width;
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar(
centerTitle: true,
elevation: 0,
backgroundColor: Colors.black,
title: const Text(
"GALLERY VIEWER",
style: TextStyle(fontSize: 30, letterSpacing: 3),
),
actions: [Icon(Icons.grid_view_sharp)],
),
body: SingleChildScrollView(
child: isChangeConstraints ? Column(
children: [
Image.asset(
'images/1.jpeg',
),
Image.asset(
'images/2.jpeg',
),
Image.asset(
'images/3.jpeg',
),
Image.asset(
'images/4.jpeg',
),
Image.asset(
'images/5.jpeg',
),
Image.asset(
'images/6.jpeg',
),
Image.asset(
'images/7.jpeg',
),
Image.asset(
'images/8.jpeg',
),
Image.asset(
'images/9.jpeg',
),
Image.asset(
'images/10.jpeg',
),
],
) ; Row(
scrollDirection: Axis.Vertical,
children:[
Image.asset(
'images/1.jpeg',
),
Image.asset(
'images/2.jpeg',
),
Image.asset(
'images/3.jpeg',
),
Image.asset(
'images/4.jpeg',
),
Image.asset(
'images/5.jpeg',
),
Image.asset(
'images/6.jpeg',
),
Image.asset(
'images/7.jpeg',
),
Image.asset(
'images/8.jpeg',
),
Image.asset(
'images/9.jpeg',
),
Image.asset(
'images/10.jpeg',
),
]),
),
backgroundColor: Colors.black);
}
}