首页 > 其他 > 详细

flutter 常用组件二

时间:2019-08-26 15:02:22      阅读:110      评论:0      收藏:0      [点我收藏+]

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]}‘),
);

}
)


),

);
}

}

 

flutter 常用组件二

原文:https://www.cnblogs.com/yangqinoak/p/11412478.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!