如何在垂直可滚动小部件（SinglechildScrollview）中使用滚动条水平滚动？

Question

如何在垂直可滚动小部件 (SinglechildScrollview) 中使用滚动条水平滚动？

Answer 1

你可以试试这个例子，

class TestScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        padding: const EdgeInsets.all(10),
        child: SingleChildScrollView(
          child: Column(
            children: [
              SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                padding: const EdgeInsets.symmetric(vertical: 10),
                child: Row(
                  children: [1,2,3,4,5].map((url) {
                    return Container(
                      width: 100.0,
                      height: 100.0,
                      margin: EdgeInsets.symmetric(horizontal: 5.0),
                      decoration: BoxDecoration(
                        color: Colors.red,
                      ),
                    );
                  }).toList(),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

如果对您有帮助，请告诉我。