如何在flutter上制作listtile滚动视图

Question

I need a scrollview for my app I could not found good any sources for fixing it if you have any suggestions please let me know thanks also I am calling decor method from other page if you want to see it I can share it

I am calling decor method from other page if you want to see it I can share it

import 'package:flutter/cupertino.dart';
      import 'package:flutter/material.dart';
        import 'package:resat/BurgerListView/decoration.dart';
      import 'item.dart';
       import 'detailspage.dart';
class BurgerList extends StatelessWidget {
  static const title = 'Title';

 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
final padding = EdgeInsets.all(8.0);
final border = BeveledRectangleBorder(
  borderRadius: BorderRadius.circular(25.0),
);
return MaterialApp(
  title: 'title',
  home: Scaffold(
    appBar: AppBar(
      title: Text("Menu"),
    ),
    body: GridView.count(
        crossAxisCount: 2,
        children: _foodItems.map((FoodItem item) {
          return Padding(
            padding: padding,
            child: Card(
              shape: border,
              child: InkWell(
                child: new Container(
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image: AssetImage(
                        item.imageAssetPath,
                      ),
                      fit: BoxFit.cover,
                    ),
                    borderRadius: BorderRadius.circular(25.0),
                  ),
                ),
                onTap: () {
                  Navigator.push(
                      context,
                      new MaterialPageRoute(
                                builder: (BuildContext context) =>                
                                    FoodItemWidget(item: item)));
                },   
              ),
            ),
           );
              }).toList(growable: false)),
        ),
      );
        }
    }

    List<FoodItem> _foodItems = <FoodItem>[
          FoodItem("Item 1", "android/assets/wraps/wrap1.jpeg"),
    FoodItem("Item 2", "android/assets/wraps/wrap2.jpeg"),
  FoodItem("Item 3", "android/assets/wraps/wrap3.jpeg"),
  FoodItem("Item 5", "android/assets/wraps/wrap1.jpeg"),
 FoodItem("Item 6", "android/assets/wraps/wrap1.jpeg"),
   FoodItem("Item 7", "android/assets/images/lunch.jpeg"),
    FoodItem("Item 8", "android/assets/images/lunch.jpeg"),
    FoodItem("Item 9", "android/assets/images/lunch.jpeg"),
  FoodItem("Item 10", "android/assets/images/lunch.jpeg"),
 ];

   class FoodItemWidget extends StatelessWidget {
  final FoodItem item;

const FoodItemWidget({Key key, this.item}) : super(key: key);

          @override
       Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
       body: Column(
         children: <Widget>[
      Image.asset(item.imageAssetPath),
      Text(item.name, style: TextStyle(fontSize: 24.0, fontWeight: 
FontWeight.bold),),

           decor(),
           decor(),
           decor(),
           decor(),
           decor(),
         ],

       ),


    ),
  );
}
}

enter image description here

Answer 1

Instead of using a Column widget, you might use ListView Widget, that works similarly but bring you to use scroll behavior

ListView(
    padding: const EdgeInsets.all(8),
        children: <Widget>[
            decor(),
            decor(),
            decor(),
            decor(),
            decor(),
    ],
)