颤振- ListView.Builder -水平滚动不工作
颤振- ListView.Builder -水平滚动不工作
提问于 2022-05-25 10:13:53
当我设置scrollDirection等于Axis.horizontal时，滚动不起作用。请帮助我更改代码以使其正常工作？当我将scrollDirection设置为Axis.vertical时，它正确工作。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
constraints: const BoxConstraints(minHeight: 50),
height: 100,
padding: const EdgeInsets.symmetric(vertical: 15),
color: Colors.red[400],
child: ListView.builder(
scrollDirection: Axis.horizontal,
physics: const AlwaysScrollableScrollPhysics(),
itemCount: 50,
itemBuilder: (c, i) {
return Text('Item ${i + 1} ');
},
),
),
);
}
}回答 4
Stack Overflow用户
发布于 2022-05-25 10:32:46
Axis.vertical正在工作，因为您为父级提供了一个高度。要使Aix.horizontal工作，您需要为父容器提供一个宽度。检查下面的代码
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
constraints: const BoxConstraints(minHeight: 50),
width: 150,
padding: const EdgeInsets.symmetric(vertical: 15),
color: Colors.red[400],
child: ListView.builder(
scrollDirection: Axis.horizontal,
physics: const AlwaysScrollableScrollPhysics(),
itemCount: 50,
itemBuilder: (c, i) {
return Text('Item ${i + 1} ');
},
),
),
);
}
}Stack Overflow用户
发布于 2022-05-25 11:37:15
请参阅下面的代码。对我来说很管用。请查一次。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Padding(
padding: const EdgeInsets.only(top: 50),
child: Container(
constraints: const BoxConstraints(minHeight: 50),
height: 100,
padding: const EdgeInsets.symmetric(vertical: 15),
color: Colors.red[400],
child: ListView.builder(
scrollDirection: Axis.horizontal,
physics: const AlwaysScrollableScrollPhysics(),
itemCount: 50,
itemBuilder: (c, i) {
return Text('Item ${i + 1} ');
},
),
),
),
);
}
}Stack Overflow用户
发布于 2022-10-31 12:25:14
您需要给父容器的宽度，如下所示，只需添加一个宽度，根据您始终需要提供的高度或宽度的方向。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key}) : super(key: key);
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
constraints: const BoxConstraints(minHeight: 50),
height: 100,
padding: const EdgeInsets.symmetric(vertical: 15),
color: Colors.red[400],
child: ListView.builder(
scrollDirection: Axis.horizontal,
physics: const AlwaysScrollableScrollPhysics(),
itemCount: 50,
itemBuilder: (c, i) {
return Text('Item ${i + 1} ');
},
),
),
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72375725
复制相关文章
相似问题
腾讯云开发者
