flutter 常用组件二

ListViewWidget 列表组件的使用

 

scrollDirection 属性

AXis.horizontal 横向滚动或者叫水平方向滚动

Axis.vertical 竖向

 

 

import 'package:flutter/material.dart';

// 主方法传递参数
void main() => runApp(MyApp(

//  items:new List()// 非固定长图的
    // items:new List(3)// 非固定长图的

//    items:new List<String>()// 固定类型
//    items:[1,2,3]// 直接赋值

//$i
    items : new List<String>.generate(1000, (i)=>"Item $i")//申明一个list
  
));



// 定义MyApp 继承于静态组件
class MyApp extends StatelessWidget {

  //required 必须传的参数
  final List <String> items;


  MyApp ({Key key,@required this.items}):super(key:key);


  @override // 重写关键字

  //返回一个组件
  Widget build(BuildContext context) {

    // TODO: implement build
    return MaterialApp(// 返回的一些组件属性

      title :'first Flutter',//

      home: Scaffold(// 首页

        appBar: AppBar(// 导航栏

          title: Text('Widget(Two)'),// 导航栏标题
        ),


          body:new ListView.builder(
            itemCount: items.length,

            itemBuilder:(context,index){
              
              return new ListTile(
                
                title: new Text('${items [index]}'),
              );
              
            } 
          )


      ),

    );
  }

}